import * as React from 'react';
import { IOtpResendProps } from '.';
import { FormItem, IFormItemProps } from './common/FomItem';
export interface IOtpInputProps extends Omit<IFormItemProps, 'value' | 'oldValue' | 'comparing' | 'placeholder' | 'disabled'> {
    phoneNumber: string | undefined;
    otpResendProps: Partial<IOtpResendProps> | 'disabled';
    variant: 'fixed' | 'responsive';
    onEditPressed: () => void;
    disabledInput?: boolean;
}
interface IState {
    currentFocusIndex: number;
    currentFocusIndexForPlaceholder: number | undefined;
    useTextInput: boolean;
}
export declare class OtpInput extends FormItem<IOtpInputProps, IState> {
    static defaultProps: {
        phoneNumber: undefined;
        otpResendProps: {};
        onEditPressed: () => void;
        name: undefined;
        error: undefined;
        required: boolean;
        autoFocus: boolean;
        innerClass: undefined;
        onValueChanged: () => undefined;
        customValidate: () => undefined;
        variant: string;
    };
    private otpInputRefs;
    private otpResendRef;
    constructor(props: any);
    componentDidMount(): void;
    componentWillUnmount(): void;
    render(): React.JSX.Element;
    validate(option?: {
        silentValidation?: boolean | undefined;
    }): string | undefined;
    protected valueToDisplayValue(value: string | null | undefined): string;
    private getPhoneContainerDesign;
    private onToggleUseTextInput;
    private getOtpContainer;
    private getOtps;
    private onSingleOtpInputFocus;
    private onSingleOtpInputUnfocus;
    private handleOnKeyDown;
    private onTextInputChange;
    private handleOnKeyUp;
    private focusNextInput;
    private focusPrevInput;
    private focusFirstInput;
    private checkValueCompleted;
    private handlePaste;
    private goBackToPreviousPage;
    clear(): void;
}
export {};