import { MenuItemProps } from '@reach/menu-button';
import { IconProps } from '@repay/cactus-icons';
import React from 'react';
import { MarginProps } from 'styled-system';
export declare type SplitButtonVariant = 'standard' | 'danger' | 'success';
interface SplitButtonProps extends React.HTMLAttributes<HTMLDivElement>, MarginProps {
    mainActionLabel: React.ReactNode;
    onSelectMainAction: (event: React.MouseEvent<HTMLButtonElement>) => void;
    mainActionIcon?: React.FC<IconProps>;
    disabled?: boolean;
    'aria-label'?: string;
    variant?: SplitButtonVariant;
}
interface SplitButtonActionProps extends Omit<MenuItemProps, 'onSelect'> {
    onSelect: () => any;
    icon?: React.FC<IconProps>;
}
declare type SplitButtonType = React.FC<SplitButtonProps> & {
    Action: React.ComponentType<SplitButtonActionProps>;
};
export declare const SplitButton: SplitButtonType;
export declare const SplitButtonAction: import("styled-components").StyledComponent<React.FC<SplitButtonActionProps>, import("styled-components").DefaultTheme, {
    tabIndex: number;
    role: string;
}, "tabIndex" | "role">;
export default SplitButton;