import * as React from 'react';
import { Placement } from '../tooltip/util';
declare type Props = {
    name?: string;
    placeholder?: string;
    isDisabled?: boolean;
    isReadOnly?: boolean;
    type?: string;
    value?: string | number;
    onKeyUp?: (e: React.KeyboardEvent) => unknown;
    onKeyDown?: (e: React.KeyboardEvent) => unknown;
    onKeyPress?: (e: React.KeyboardEvent) => unknown;
    onChange?: (e: React.SyntheticEvent) => unknown;
    onFocus?: (e: React.FocusEvent) => unknown;
    onBlur?: (e: React.FocusEvent) => unknown;
    formatOnBlur?: (value: unknown) => string | number;
    align?: 'left' | 'right';
    maxLength?: number;
    invalidMessage?: string;
    getTooltipContainer?: () => React.ReactNode;
    toolTipPlacement?: Placement;
    className?: string;
};
declare type State = {
    isFocus: boolean;
};
declare class TextField extends React.Component<Props, State> {
    state: State;
    input?: HTMLInputElement | null;
    container?: HTMLDivElement | null;
    focus(): void;
    blur(): void;
    handleFocus: (e: React.FocusEvent<Element>) => void;
    handleBlur: (e: React.FocusEvent<Element>) => void;
    getDisplayValue: () => string | number | undefined;
    render(): JSX.Element;
}
export default TextField;