import { IconicTypes } from '@clubmed/trident-icons';
import { InputHTMLAttributes } from 'react';
import { PhonePrefix } from '../helpers/phone';
import { FormControlProps } from './FormControl';
import { PhoneValue } from './PhoneField';
export interface PhoneFieldSplitProps {
    prefixes?: PhonePrefix[];
    defaultPrefix?: string;
}
export interface PhoneFieldSplitInputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'value' | 'onChange' | 'pattern'> {
    value?: PhoneValue;
    pattern?: string;
    prefixes?: PhoneFieldSplitProps['prefixes'];
    defaultPrefix?: PhoneFieldSplitProps['defaultPrefix'];
    iconType?: IconicTypes;
    validationStatus?: FormControlProps<PhoneValue>['validationStatus'];
    onChange?: (event: Event, value: PhoneValue) => void;
}
export declare const PhoneFieldSplitInput: ({ id, name, value: externalValue, pattern, prefixes, defaultPrefix, placeholder, iconType, disabled, required, validationStatus, onChange, ...rest }: PhoneFieldSplitInputProps) => import("react/jsx-runtime").JSX.Element;
