import * as react_jsx_runtime from 'react/jsx-runtime';
import { MenuItemProps, MenuProps } from '@mui/material';
import React, { ReactNode, ReactElement } from 'react';
import { SvgIconComponent } from '@mui/icons-material';

type MenuIcon = SvgIconComponent | ReactElement;
type DataAttributes = {
    [K in `data-${string}`]?: string | number | boolean | undefined;
};
type MenuDividerItem = {
    type: 'divider';
} & DataAttributes;
type MenuHeaderItem = {
    type: 'header';
    label: ReactNode;
} & DataAttributes;
type MenuActionItem = {
    type?: 'item';
    id?: string;
    label: ReactNode;
    startIcon?: MenuIcon;
    endIcon?: MenuIcon;
    items?: MenuItem[];
} & Omit<MenuItemProps, 'children' | 'type'> & DataAttributes;
type MenuItem = MenuDividerItem | MenuHeaderItem | MenuActionItem;

type Props = {
    items: MenuItem[];
    onClose?: (event: React.MouseEvent | React.KeyboardEvent, reason: 'itemClick' | 'escapeKeyDown' | 'backdropClick', menuItemId?: string) => void;
} & Omit<MenuProps, 'onClose'>;
declare function Menu({ items, elevation, ...rest }: Props): react_jsx_runtime.JSX.Element;

export { Menu, type MenuItem };