import React, { FC } from 'react';
import { IInput } from '../input/types';

export type ISelect = {
    /** 下拉菜单的可选项，label：item的展示文案；value：点击item后onChange返回的值 */
    options: { label: string; value: number | string }[];
    /** 点击item之后的回调函数 */
    onChange: (value: number | string | string[]) => void;
    /** 当前选中的值 */
    value?: string | number | (string | number)[];
    /** 默认选中的值 */
    defaultValue?: string | number | (string | number)[];
    /** select的宽度 */
    width?: number;
    /** 是否禁用 */
    disabled?: boolean;
    /** 是否过滤选项 */
    filter?: boolean;
    /** 是否开启多选 */
    multiple?: boolean;
    /** 多选模式下开启全选功能 */
    checkbox?: boolean;
    /** 全选文案 */
    checkAllLabel?: string;
    /** 提示语 */
    placeholder?: string;
    /** 隐藏焦点边框高亮 */
    noFocus?: boolean;
    className?: string;
    style?: React.CSSProperties;
};

export type ISelectInput = {
    select: ISelect;
    input: IInput;
};

declare const Select: FC<ISelect> & { SelectInput: FC<ISelectInput> };
export { Select };