import { type FC } from 'react';
import { type ContextMenuConfiguration, type ContextMenuItem as ContextMenuConfigItem } from '../hooks/useContextMenuConfiguration';
export declare const menuStyles: import("@emotion/react").SerializedStyles;
export type ContextMenuContext = {
    [P in keyof ContextMenuConfiguration['contexts']]: {
        type: P;
        data: ContextMenuConfiguration['contexts'][P]['contextType'];
    };
}[keyof ContextMenuConfiguration['contexts']];
export interface ContextMenuProps {
    x: number;
    y: number;
    context: ContextMenuContext;
    disabled?: boolean;
    onMenuItemSelected?: (id: string, data: unknown, context: ContextMenuContext, meta: {
        x: number;
        y: number;
    }) => void;
}
export declare const ContextMenu: import("react").ForwardRefExoticComponent<ContextMenuProps & import("react").RefAttributes<HTMLDivElement>>;
export declare const submenuStyles: import("@emotion/react").SerializedStyles;
export declare const ContextMenuItemDiv: import("@emotion/styled").StyledComponent<{
    theme?: import("@emotion/react").Theme | undefined;
    as?: import("react").ElementType<any> | undefined;
} & {
    hasSubmenu?: boolean | undefined;
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
export interface ContextMenuItemProps {
    config: ContextMenuConfigItem;
    context: unknown;
    active?: boolean;
    onMenuItemSelected?: (id: string, data: unknown) => void;
    onHover?: () => void;
}
export declare const ContextMenuItem: FC<ContextMenuItemProps>;
//# sourceMappingURL=ContextMenu.d.ts.map