import React from 'react';
import { InputWrapperProps } from '@mantine/core';
import { PhoneProps } from "../phone";
export type PhoneInputProps = PhoneProps & Pick<InputWrapperProps, 'label' | 'labelElement' | 'labelProps' | 'description' | 'descriptionProps' | 'error' | 'withAsterisk' | 'inputMode' | 'inputContainer' | 'inputWrapperOrder' | 'className' | 'classNames' | 'style' | 'styles'>;
export declare const PhoneInput: React.ForwardRefExoticComponent<Omit<Omit<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "onChange"> & {
    inputId?: string;
    isError?: boolean;
    placeholder?: string;
    countries?: import("libphonenumber-js/types.cjs").CountryCode[];
    selectedCountry?: import("libphonenumber-js/types.cjs").CountryCode;
    defaultCountry?: import("libphonenumber-js/types.cjs").CountryCode;
    countryCallingCodeEditable?: boolean;
    defaultValue?: string;
    label?: string;
    name?: string;
    value?: string;
    error?: string;
    withFloatingLabel?: boolean;
    onChange?: (v: string) => void;
    arrowComponent?: () => JSX.Element;
    flagComponent?: (props: import("react-phone-number-input").FlagProps) => JSX.Element;
} & Pick<InputWrapperProps, "className" | "style" | "inputMode" | "label" | "labelElement" | "labelProps" | "description" | "descriptionProps" | "error" | "withAsterisk" | "inputContainer" | "inputWrapperOrder" | "classNames" | "styles">, "ref"> & React.RefAttributes<unknown>>;