import React, { FC } from 'react';

export type IPopover = {
    children: any;
    /** 触发方式 */
    trigger: 'click' | 'hover';
    /** 弹窗内容 */
    content: React.ReactNode;
    /** 主题色 */
    themeColor: 'white' | 'black';
    /** 外部变量控制弹窗是否开启 */
    visible?: boolean;
    /** 弹出状态发生变化的回调函数 */
    onVisibleChange?: (visible: boolean) => void;
    /** 弹出位置 topLeft,top,topRight,rightTop,right,rightBottom,bottomLeft,bottom,bottomRight,leftTop,left,leftBottom */
    placement: IPlacement;
    /** 延迟弹出毫秒数 */
    delay?: number;
    className?: string;
    style?: React.CSSProperties;
};

export type IPlacement =
    | 'topLeft'
    | 'top'
    | 'topRight'
    | 'rightTop'
    | 'right'
    | 'rightBottom'
    | 'bottomLeft'
    | 'bottom'
    | 'bottomRight'
    | 'leftTop'
    | 'left'
    | 'leftBottom';

declare const Popover: FC<IPopover>;
export { Popover };