import * as React from 'react';
import { Animated, NativeSyntheticEvent, TextInputFocusEventData, TextStyle, ViewStyle } from 'react-native';
export interface IMDCodeBoxProps {
    styles?: IMDCodeBoxStyle;
    defaultValue?: string;
    value?: string;
    maxlength?: number;
    okText?: string;
    autofocus?: boolean;
    security?: boolean;
    disabled?: boolean;
    shuffle?: boolean;
    system?: boolean;
    onFocus?: (e: NativeSyntheticEvent<TextInputFocusEventData>) => void;
    onBlur?: (e: NativeSyntheticEvent<TextInputFocusEventData>) => void;
    onChangeText?: (text: string) => void;
}
export interface IMDCodeBoxState {
    value: string;
    index: number;
    focused: boolean;
    opacity: Animated.Value;
}
export interface IMDCodeBoxStyle {
    wrapper?: ViewStyle;
    input?: TextStyle;
    fakeInput?: TextStyle;
    fakeText?: TextStyle;
    cursor?: ViewStyle;
}
export declare const MDCodeBoxStyles: IMDCodeBoxStyle;
export default class MDCodeBox extends React.Component<IMDCodeBoxProps, IMDCodeBoxState> {
    static defaultProps: {
        styles: IMDCodeBoxStyle;
        value: string;
        defaultValue: string;
        maxlength: number;
        okText: string;
        autofocus: boolean;
        security: boolean;
        disabled: boolean;
        shuffle: boolean;
        system: boolean;
    };
    constructor(props: IMDCodeBoxProps);
    private animation?;
    render(): JSX.Element;
    private renderInputView;
    private renderCursor;
    private inputStyle;
    private handleChangeText;
    private handleFocus;
    private handleBlur;
    private cursorBlink;
    private stopBlink;
}