22 lines
779 B
TypeScript
22 lines
779 B
TypeScript
|
import React from "react";
|
||
|
|
import BasePhoneInput, { Props as PhoneInputProps } from "react-phone-number-input";
|
||
|
|
import "react-phone-number-input/style.css";
|
||
|
|
|
||
|
|
import classNames from "@lib/classNames";
|
||
|
|
import { Optional } from "@lib/types/utils";
|
||
|
|
|
||
|
|
export const PhoneInput = (props: Optional<PhoneInputProps, "onChange">) => (
|
||
|
|
<BasePhoneInput
|
||
|
|
{...props}
|
||
|
|
className={classNames(
|
||
|
|
"border-1 block w-full rounded-sm border border-gray-300 py-px px-3 shadow-sm ring-black focus-within:border-brand focus-within:ring-1 dark:border-black dark:bg-black dark:text-white",
|
||
|
|
props.className
|
||
|
|
)}
|
||
|
|
onChange={() => {
|
||
|
|
/* DO NOT REMOVE: Callback required by PhoneInput, comment added to satisfy eslint:no-empty-function */
|
||
|
|
}}
|
||
|
|
/>
|
||
|
|
);
|
||
|
|
|
||
|
|
export default PhoneInput;
|