import React, { FC } from 'react';

export type IInput = {
    /** 输入框的大小 */
    size?: 'large' | 'medium' | 'small';
    /** 输入框的长度，如 120px, 50%， 2em, auto，若输入数字，则默认为px */
    width?: string | number;
    /** 输入框的内容 */
    value?: string;
    /** 是否显示清除按钮 */
    clear?: boolean;
    /** 验证输入内容合法性的函数，如果返回true，则合法，若返回字符串，则认为不合法，字符串作为错误信息返回 */
    validator?: (value: string) => boolean | string;
    /** 输入前验证函数，如果返回true，则允许输入，否则返回字符串，作为错误信息展示 */
    preValidator?: (value: string) => boolean | string;

    /** 输入框下方的提示内容 */
    tips?: string;
    /** 输入框额外图标，同Icon的name属性 */
    icon?: string;
    /** 输入框图标位置 */
    iconPosition?: 'start' | 'end';
    /** 图标颜色 */
    iconColor?: string;
    /** 输入框图标点击事件 */
    iconClick?: React.ChangeEventHandler<HTMLOrSVGElement>;
    /** input change事件 */
    onChange?: React.ChangeEventHandler<HTMLInputElement>;
    /** 回车触发事件 */
    onEnter?: (value: string) => void;
    /** 输入框提示信息 */
    placeholder?: string;
    /** 最大输入长度 */
    maxLength?: number;
    /** 是否只读 */
    readOnly?: boolean;
    /** 是否禁用 */
    disabled?: boolean;
    /** 是否是textarea */
    textarea?: boolean;
    /** 是否隐藏textarea resize */
    noResize?: boolean;
    /** 隐藏焦点边框高亮 */
    noFocus?: boolean;
    style?: React.CSSProperties;
    className?: string;
};

declare const Input: FC<IInput & React.HTMLProps<HTMLInputElement> & React.HTMLProps<HTMLTextAreaElement>>;
export { Input };