import { ReactNode, HTMLAttributes, MouseEventHandler, FC, MouseEvent, KeyboardEvent } from 'react';
import { PopOverProps } from '../PopOver';
declare type BaseElement = HTMLDivElement;
declare type BaseProps = HTMLAttributes<BaseElement>;
declare type BaseButtonElement = HTMLButtonElement;
declare type BaseButtonProps = HTMLAttributes<BaseButtonElement>;
export declare const MenuButtonIconContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
export declare const MenuButtonIcon: import("styled-components").StyledComponent<FC<import("../Icon").IconProps>, import("styled-components").DefaultTheme, {
    className: "sc-ButtonIcon";
}, "className">;
export declare const MenuButtonHalo: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
export declare const BaseMenuItem: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
    readonly disabled?: boolean | undefined;
    readonly keyboardSelect?: boolean | undefined;
}, never>;
declare type ButtonClickHandler = MouseEventHandler<HTMLButtonElement>;
export interface MenuButtonProps extends BaseButtonProps {
    readonly children?: ReactNode;
    /**
     * If `true`, the button will be disabled.
     */
    readonly disabled?: boolean;
    /**
     * Specifies the name for a <button> element.
     * It is used to reference form-data after the form has been submitted,
     * or to reference the element in a JavaScript.
     */
    readonly name?: string;
    /**
     * Executes a JavaScript when a user click the button.
     */
    readonly onClick: ButtonClickHandler;
    /**
     * `class` to be passed to the component.
     */
    readonly className?: string;
    /**
     * The title attribute specifies extra information about an element.
     */
    readonly title?: string;
}
export declare const MenuButton: import("react").ForwardRefExoticComponent<MenuButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
/**
 * Add an escape listener to the actual rendered menu.
 */
export interface MenuListProps extends BaseProps {
    readonly children?: ReactNode;
    /**
     * Called when user pressed the escape button on the keyboard
     */
    readonly onEscape: () => void;
    /**
     * `class` to be passed to the component.
     */
    readonly className?: string;
    /**
     * If true, align submenu list with main menu item.
     */
    readonly isSubmenu?: boolean;
}
export declare const MenuList: FC<MenuListProps>;
export interface BaseItemWithSubmenuProps extends Omit<BaseItemProps, 'onClick'> {
    readonly align: 'left' | 'right';
    readonly submenuVisible: boolean;
    readonly submenuArrowIndex: number;
    readonly hideAndBlurMenu: VoidFunction;
    readonly hideSubmenu: VoidFunction;
}
export interface BaseItemProps {
    readonly component: ReactNode;
    readonly submenuComponents?: ReadonlyArray<BaseItemProps>;
    readonly onClick: (e: MouseEvent | KeyboardEvent) => void;
    readonly disabled?: boolean;
    readonly keyboardSelect?: boolean;
}
export interface BaseMenuProps extends Omit<PopOverProps, 'anchorEl'> {
    /**
     * React element that will appear as menu button
     */
    readonly button: ReactNode;
    /**
     * Aligns the menu either left or right.
     */
    readonly align?: 'left' | 'right';
    /**
     * Disabled
     */
    readonly disabled?: boolean;
    /**
     * Components to render
     */
    readonly components: ReadonlyArray<BaseItemProps>;
}
/**
 * BaseMenu
 *
 * Anchor with a button that toggles a menu when you click the button.
 * When pressing the escape key, the menu is closed.
 */
export declare const BaseMenu: import("react").NamedExoticComponent<BaseMenuProps>;
export {};