import { ChangeEvent, FocusEvent, KeyboardEvent, ReactNode, RefObject } from 'react';
import CSS from 'csstype';
declare function TextInput(props: {
    layout?: 'row' | 'column';
    inputClassName?: string;
    bounderClassName?: string;
    style?: CSS.Properties;
    label?: ReactNode;
    labelStyle?: CSS.Properties;
    labelFontSize?: string;
    placeholder?: string;
    onChange?: (value: string, e: ChangeEvent<HTMLInputElement>) => void;
    onFocus?: (e: FocusEvent<HTMLInputElement>) => void;
    onBlur?: (e: FocusEvent<HTMLInputElement>) => void;
    onKeyDown?: (key: string, e: KeyboardEvent<HTMLInputElement>) => void;
    onEnter?: () => void;
    onEscape?: () => void;
    fontSize?: string;
    inputRef?: RefObject<HTMLInputElement>;
    autoFocus?: boolean;
    defaultValue?: string;
    value?: string;
    password?: boolean;
    angry?: boolean;
    happy?: boolean;
    width?: string;
    gridArea?: string;
    bounderBorderRadius?: string;
    borderRadius?: string;
    inputWidth?: string;
    padding?: string;
    inputPadding?: string;
    bounderStyle?: CSS.Properties;
    size?: number;
    maxSize?: number;
    minSize?: number;
    margin?: string;
    number?: boolean;
}): JSX.Element;
export default TextInput;