import React from 'react';
import { DropDownProps } from 'antd';
import 'antd/dist/antd.css';
export declare type MenuItem = {
    caption: string | JSX.Element;
    icon?: JSX.Element;
    callback: (e: React.MouseEvent<HTMLElement> | React.KeyboardEvent<HTMLElement>) => void;
    children?: undefined;
};
export declare type SubMenuItem = {
    caption: string;
    icon?: JSX.Element;
    children: Record<string, MenuItem>;
};
export declare type MenuItems = Record<string, MenuItem | SubMenuItem>;
/**
 * Context menu. By default it's rendered as thee dots "...", when user hovers it the menuitems is shown.
 * It's possible to show an icon instead of "..." - just render an icon you whant to show as a Menu child.
 *
 * If you want to have nested level of menu items you need to fill children prop of a menu item with SubMenuItems (check src/components/UI/CAD/plugin/ProductManagement/useMenuItems.tsx:"export")
 *
 * @param items - Object contains items you whant to show in the menu. An item should contain caption and callback, it also migh has optional props: icon and children.
 * @param children - Any component which will be shown as a button which opens menu, if no children passed three dots "..." are shown.
 * @param DropDownProps - Since Menu is implemented using DropDown from "antd" you can pass any of DropDown props (except 'overltay') to customize the menu.
 * @returns
 */
export declare const Menu: React.FC<Omit<{
    items: MenuItems;
} & DropDownProps, 'overlay'>>;