import * as React from 'react';
import { FormItem, IFormItemStates, IInputProps } from './common/FomItem';
export interface IPhoneEmailInputProps extends IInputProps {
    size: 'small' | 'medium' | 'large';
    variant: 'border-bottom' | 'full-border' | 'floating-label';
    value: string | undefined | null;
    oldValue: string | undefined | null;
    phonePlaceholder: string;
    emailPlaceholder: string;
    minimumPhoneCharactersCount: number;
    maximumPhoneCharactersCount: number;
    onToggleChanged: (type: 'phone' | 'email') => boolean | void;
    validatePhone?: (value: string) => Promise<{
        formattedPhone: string;
        result: boolean;
    }>;
}
interface IPhoneEmailInputStates extends IFormItemStates {
    selectedOption: 'phone' | 'email';
}
export declare class PhoneEmailInput extends FormItem<IPhoneEmailInputProps, IPhoneEmailInputStates> {
    private phoneInputRef;
    private emailInputRef;
    static defaultProps: IPhoneEmailInputProps;
    constructor(props: any);
    componentDidMount(): void;
    componentDidUpdate(prevProps: IPhoneEmailInputProps): void;
    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 onPhoneNumberChanged;
    private onEmailChanged;
    private onIntrisictValueChanged;
    private onSelectOptionChanged;
    private getDefaultSelectOption;
}
export {};