import React from 'react';
import { MenuProps, MenuButtonProps, MenuItemsProps } from '@reach/menu-button';
import { ButtonProps } from '../Button';
import { MinervaProps } from '../layout';
export declare type MenuContainerProps = MenuProps;
export declare const MenuContainer: (props: MenuContainerProps) => JSX.Element;
export declare const MenuButton: (props: MenuButtonProps & ButtonProps) => JSX.Element;
export interface MenuListProps extends MinervaProps {
    children?: React.ReactNode;
    menuPosition?: 'left' | 'right';
}
export declare const OverlayBox: (props: any) => JSX.Element;
export declare const MenuList: ({ menuPosition, ...props }: MenuListProps & MenuItemsProps) => JSX.Element;
export declare const MenuItem: import("styled-components").StyledComponent<import("@reach/utils").ForwardRefExoticComponentWithAs<"div", Pick<import("@reach/menu-button").MenuItemImplProps, "children" | "onSelect" | "disabled" | "index" | "valueText">>, any, {}, never>;
export declare const MenuLink: import("styled-components").StyledComponent<import("@reach/utils").ForwardRefExoticComponentWithAs<"a", Pick<import("@reach/menu-button").MenuItemImplProps, "children" | "disabled" | "index" | "valueText"> & {
    onSelect?(): void;
} & {
    component?: any;
}>, any, {}, never>;
export declare const MenuDivider: (props: any) => JSX.Element;
export { useMenuButtonContext } from '@reach/menu-button';