types.ts

"use client";

import {ChangeEvent, KeyboardEvent} from "react";
import types from "react-phone-hooks/types";
import {TextFieldProps} from "@mui/material/TextField";

export type PhoneNumber = types.PhoneNumber;

export interface PhoneInputProps extends Omit<TextFieldProps, "onChange"> {
    value?: PhoneNumber | string;

    useSVG?: boolean;

    searchVariant?: TextFieldProps["variant"];

    country?: string;

    distinct?: boolean;

    enableArrow?: boolean;

    enableSearch?: boolean;

    searchNotFound?: string;

    searchPlaceholder?: string;

    disableDropdown?: boolean;

    disableParentheses?: boolean;

    onlyCountries?: string[];

    excludeCountries?: string[];

    preferredCountries?: string[];

    onMount?(value: PhoneNumber): void;

    onInput?(event: ChangeEvent<HTMLInputElement>): void;

    onKeyDown?(event: KeyboardEvent<HTMLInputElement>): void;

    onChange?(value: PhoneNumber, event: ChangeEvent<HTMLInputElement>): void;
}