/**
 * @author Hanz
 * @date 2021/8/4 上午10:22
 * @description 分体式按钮组
 */
import React from 'react';
import { ButtonProps } from '../Button';
import { Placement } from '../Dropdown';
import './index.scss';
interface Option {
    /**
     * 按钮文字
     */
    label: string;
    /**
     * 按钮value
     */
    value?: any;
    /**
     * 禁用按钮
     */
    disabled?: boolean;
    [name: string]: any;
}
type GroupOption = Array<Option>;
export interface SplitButtonProps {
    /**
     * 分体式按钮文本
     */
    buttonText?: React.ReactNode;
    /** 按钮选项数组 */
    options?: Option[] | GroupOption[];
    /** cls */
    className?: string;
    /** style */
    style?: React.CSSProperties;
    /** popperClassName */
    popperClassName?: string;
    /** popperStyle */
    popperStyle?: React.CSSProperties;
    /** 禁用按钮组 */
    disabled?: boolean;
    /** 浮层位置 */
    placement?: Placement;
    /** button props */
    buttonProps?: ButtonProps;
    /**
     * click callback
     * @param option
     * @param evt
     */
    onClick?: (option: Option, evt?: React.MouseEvent<HTMLElement>) => void;
    /**
     * 自定义选项渲染
     * @param option
     */
    optionRender?: (option: Option) => React.ReactNode;
    /** 图标按钮 */
    iconButton?: boolean;
    /** 浮层渲染容器，默认body */
    getPopupContainer?: (triggerNode: HTMLElement) => HTMLElement;
}
export default function SplitButton(props: SplitButtonProps): JSX.Element;
export {};
