import { IconicTypes } from '@clubmed/trident-icons';
import { FormControlProps } from './FormControl';
import { PhoneFieldFullProps } from './PhoneFieldFullInput';
import { PhoneFieldSplitProps } from './PhoneFieldSplitInput';
export interface PhoneValue {
    full: string;
    prefix?: string;
    number?: string;
    raw: string;
}
export type PhoneFieldProps<Value = PhoneValue> = FormControlProps<Value> & PhoneFieldFullProps & PhoneFieldSplitProps & {
    mode?: 'full' | 'split';
    pattern?: string;
    iconType?: IconicTypes;
    placeholder?: string;
};
export declare const PhoneField: <Value = PhoneValue>(props: PhoneFieldProps<Value>) => import("react/jsx-runtime").JSX.Element;
