d194878bb2
* Suggestion: let prettier sort imports order # Conflicts: # yarn.lock * AUTO SORT ALL THE IMPORTS * Linting * Fixes test
20 lines
683 B
TypeScript
20 lines
683 B
TypeScript
import React from "react";
|
|
import { default as BasePhoneInput } from "react-phone-number-input";
|
|
import "react-phone-number-input/style.css";
|
|
|
|
import classNames from "@lib/classNames";
|
|
|
|
export const PhoneInput = (props) => (
|
|
<BasePhoneInput
|
|
{...props}
|
|
className={classNames(
|
|
"shadow-sm rounded-md block w-full py-px px-3 border border-1 border-gray-300 ring-black focus-within:ring-1 focus-within:border-black dark:border-gray-900 dark:text-white dark:bg-black",
|
|
props.className
|
|
)}
|
|
onChange={() => {
|
|
/* DO NOT REMOVE: Callback required by PhoneInput, comment added to satisfy eslint:no-empty-function */
|
|
}}
|
|
/>
|
|
);
|
|
|
|
export default PhoneInput;
|