import React, { FC } from 'react';

export type IValue = string | number | (string | number)[] | undefined;
export type IDropdown = {
    /** Dropdown的配置项，label：下拉目录的文案；value：点击后onChange返回的值 */
    options: { label: string; value: number | string }[];
    /** 点击目录项之后的回调函数 */
    onChange: (value: IValue) => void;

    /** 自定义Dropdown的内容，如果options不为空，则此属性忽略 */
    overlay?: React.ReactNode;

    /** Dropdown非展开状态时候显示的文案，可以自定义内容，也可以在Dropdown组件内部传入children */
    content?: string | React.ReactNode;

    /** Dropdown的打开方式：鼠标悬停 vs 点击 */
    trigger?: 'hover' | 'click';
    /** Dropdown菜单弹出位置：头部对齐；中间对齐；尾部对齐 */
    position?: 'start' | 'middle' | 'end';
    /** Item的宽度 */
    width?: number | string;
    /** 隐藏向下指示箭头 */
    hideArrow?: boolean;
    /** 控制Dropdown是否打开的属性 */
    visible?: boolean;
    /** visible发生变化的回调函数 */
    onVisibleChange?: (visible: boolean) => void;

    /** 在任意组件上弹出Dropdown，直接设置Dropdown的子元素（也可以通过content设置） */
    children?: React.ReactNode;
    /** 选中的值 */
    value?: IValue;
    defaultValue?: IValue;
    /** 是否允许多选 */
    multiple?: boolean;
    /** 单选模式下是否允许取消 */
    toggle?: boolean;
    /** 选中状态是否高亮下拉图标 */
    indicator?: boolean;
    className?: string;
    style?: React.CSSProperties;
};

declare const Dropdown: FC<IDropdown>;
export { Dropdown };