import * as React from 'react';
import { FormItem, IFormItemStates, IInputProps } from './common/FomItem';
export interface IPhoneProps extends IInputProps {
    size: 'small' | 'medium' | 'large';
    variant: 'border-bottom' | 'full-border' | 'floating-label';
    value: string | undefined | null;
    oldValue: string | undefined | null;
    placeholder: string;
    validatePhone?: (value: string) => Promise<{
        formattedPhone: string;
        result: boolean;
    }>;
}
export declare class Phone extends FormItem<IPhoneProps, IFormItemStates> {
    private countryRef;
    private textInputRef;
    static defaultProps: IPhoneProps;
    render(): React.JSX.Element;
    validate(option?: {
        silentValidation?: boolean | undefined;
    }): string | undefined;
    asyncValidate: (option?: {
        silentValidation?: boolean | undefined;
    }) => Promise<string | undefined>;
    protected valueToDisplayValue(value: string | null | undefined): string | undefined;
    private onAreaCodeChanged;
    private onPhoneNumberChanged;
    private getAreaCodeFromState;
    private getPhoneNumberFromState;
}