import * as react from 'react';
import { ReactNode } from 'react';

interface ContextMenuContextValue {
    open: boolean;
    setOpen: (open: boolean) => void;
    position: {
        x: number;
        y: number;
    };
}
interface ContextMenuProps {
    children: ReactNode;
}
interface ContextMenuTriggerProps {
    children: ReactNode;
    className?: string;
}
interface ContextMenuContentProps {
    children: ReactNode;
    className?: string;
}
interface ContextMenuItemProps {
    children: ReactNode;
    onClick?: () => void;
    disabled?: boolean;
    danger?: boolean;
    className?: string;
}
interface ContextMenuSeparatorProps {
    className?: string;
}
interface ContextMenuSubProps {
    children: ReactNode;
}
interface ContextMenuSubTriggerProps {
    children: ReactNode;
    className?: string;
}
interface ContextMenuSubContentProps {
    children: ReactNode;
    className?: string;
}

declare function ContextMenuTrigger({ children, className, }: ContextMenuTriggerProps): react.JSX.Element;
declare namespace ContextMenuTrigger {
    var displayName: string;
}

declare function ContextMenuContent({ children, className, }: ContextMenuContentProps): react.JSX.Element | null;
declare namespace ContextMenuContent {
    var displayName: string;
}

declare function ContextMenuItem({ children, onClick, disabled, danger, className, }: ContextMenuItemProps): react.JSX.Element;
declare namespace ContextMenuItem {
    var displayName: string;
}

declare function ContextMenuSeparator({ className }: ContextMenuSeparatorProps): react.JSX.Element;
declare namespace ContextMenuSeparator {
    var displayName: string;
}

declare function ContextMenuSub({ children }: ContextMenuSubProps): react.JSX.Element;
declare namespace ContextMenuSub {
    var displayName: string;
}
declare function ContextMenuSubTrigger({ children, className }: ContextMenuSubTriggerProps): react.JSX.Element;
declare namespace ContextMenuSubTrigger {
    var displayName: string;
}
declare function ContextMenuSubContent({ children, className }: ContextMenuSubContentProps): react.JSX.Element | null;
declare namespace ContextMenuSubContent {
    var displayName: string;
}

declare function ContextMenuRoot({ children }: ContextMenuProps): react.JSX.Element;
declare const ContextMenu: typeof ContextMenuRoot & {
    Trigger: typeof ContextMenuTrigger;
    Content: typeof ContextMenuContent;
    Item: typeof ContextMenuItem;
    Separator: typeof ContextMenuSeparator;
    Sub: typeof ContextMenuSub;
    SubTrigger: typeof ContextMenuSubTrigger;
    SubContent: typeof ContextMenuSubContent;
};

declare function useContextMenu(): ContextMenuContextValue;

export { ContextMenu, type ContextMenuContentProps, type ContextMenuContextValue, type ContextMenuItemProps, type ContextMenuProps, type ContextMenuSeparatorProps, type ContextMenuSubContentProps, type ContextMenuSubProps, type ContextMenuSubTriggerProps, type ContextMenuTriggerProps, useContextMenu };