import React from 'react';
import { DropDownProps } from 'antd/lib/dropdown';
import { MenuItemType, SubMenuType, MenuItemGroupType, MenuDividerType } from 'antd/lib/menu/hooks/useItems';
import './ContextMenu.css';
import { InteractionInfo } from '@buerli.io/core';
declare type MenuInfoBase = {
    interactionInfo: InteractionInfo;
};
export declare type MenuInfo<T = void> = T extends void ? MenuInfoBase : MenuInfoBase & {
    clickInfo: T;
};
declare type MenuItemElement = Omit<MenuItemType, 'onClick'> & {
    onClick?: (menuInfo: MenuInfo<any>) => void;
    onMouseEnter?: (menuInfo: MenuInfo<any>) => void;
    onMouseLeave?: (menuInfo: MenuInfo<any>) => void;
};
declare type SubMenuElement = Omit<SubMenuType, 'onClick' | 'children'> & {
    children: MenuElement[] | ((menuInfo: MenuInfo<any>) => MenuElement[]);
    onClick?: (menuInfo: MenuInfo<any>) => void;
};
declare type MenuItemGroupElement = Omit<MenuItemGroupType, 'children'> & {
    children: MenuElement[];
};
export declare type MenuElement = MenuItemElement | SubMenuElement | MenuItemGroupElement | MenuDividerType | null;
declare type ContextMenuProps = {
    items: MenuElement[];
    menuInfo: MenuInfo<any>;
    caption: string;
    icon?: JSX.Element;
    onHide?: () => void;
} & DropDownProps;
export declare const ContextMenu: React.FC<ContextMenuProps>;
export {};