/**
 * @file index.tsx
 *
 * @fileoverview Renders a menu button.
 */
import * as React from 'react';
export declare const MenuButtonTriggerStyles: import("styled-components").FlattenInterpolation<any>;
export declare const menuButtonStyles: import("styled-components").FlattenInterpolation<any>;
export declare const GlobalMenuButtonStyle: import("styled-components").GlobalStyleComponent<any, import("styled-components").DefaultTheme>;
export declare const GloabMenuButtonTriggerStyles: import("styled-components").GlobalStyleComponent<any, import("styled-components").DefaultTheme>;
export interface MenuDropdownProps {
    /**
     * Content to show inside the button.
     */
    button: React.ReactNode | string;
    /**
     * If its a styled button.
     */
    styledButton?: boolean;
    /**
     * The style for the button.
     */
    buttonStyle?: 'primary' | 'secondary' | 'default';
    /**
     * Show icon with the button.
     *
     * @default true
     */
    iconed?: boolean;
    /**
     * Content to go inside the menu list (list of items).
     */
    children: React.ReactNode;
}
/**
 * A menu button can be used as a way to combine multiple actions into one single element.
 * Useful for user menu and other kind of multi-level actions it is fully accessible and
 * makes sure focus is properly handled when using keyboards or other kind of assitive technologies.
 */
export declare const MenuDropdownButton: ({ button, children, styledButton, buttonStyle, iconed }: MenuDropdownProps) => JSX.Element;
export default MenuDropdownButton;