import { default as React, CSSProperties, ReactNode } from 'react';
import { UseFormRegister } from 'react-hook-form';
interface TextFieldProps {
    id?: string;
    value?: string;
    maxLength?: number;
    defaultValue?: string;
    onChange?: React.ChangeEventHandler<HTMLInputElement>;
    onComplete?: React.KeyboardEventHandler<HTMLInputElement>;
    onKeyDown?: React.KeyboardEventHandler<HTMLInputElement>;
    onBlur?: React.FocusEventHandler<HTMLInputElement>;
    onFocus?: React.FocusEventHandler<HTMLInputElement>;
    onClick?: React.MouseEventHandler<HTMLLabelElement>;
    onMouseEnter?: React.MouseEventHandler<HTMLLabelElement>;
    onMouseLeave?: React.MouseEventHandler<HTMLLabelElement>;
    onMouseDown?: React.MouseEventHandler<HTMLLabelElement>;
    onMouseUp?: React.MouseEventHandler<HTMLLabelElement>;
    placeholder?: string;
    disabled?: boolean;
    readOnly?: boolean;
    /**
     * default: size40: body-3
     * recommend: size48: body-3 | size32: body-3 | size24: body-3
     *  */
    className?: string;
    helperText?: string;
    name?: string;
    suffix?: ReactNode;
    prefix?: ReactNode;
    helperTextColor?: string;
    style?: CSSProperties;
    type?: React.HTMLInputTypeAttribute;
    autoFocus?: boolean;
    autoComplete?: React.HTMLInputAutoCompleteAttribute;
    register?: UseFormRegister<any>;
    simpleStyle?: boolean;
}
export interface TextFieldRef {
    element?: HTMLLabelElement;
    inputElement?: HTMLInputElement;
}
export declare const TextField: React.ForwardRefExoticComponent<TextFieldProps & React.RefAttributes<TextFieldRef>>;
export {};
//# sourceMappingURL=text-field.d.ts.map