import { type JSX } from 'react';
import * as ContextMenuPrimitive from '@radix-ui/react-context-menu';
/**
 * generic context menu:
 * takes in units: Unit[] for layout
 */
interface Option {
    label: string;
    rightSlot?: JSX.Element;
    onSelect?: () => void;
}
interface Item extends Option {
    onSelect: () => void;
}
interface SubMenu extends Option {
    content: (Item | SubMenu)[];
}
export type ContextMenuUnit = Item | 'separator' | SubMenu;
export declare const ContextMenu: ({ units, children: child, title, }: {
    units?: ContextMenuUnit[];
    children: JSX.Element;
    title?: string;
}) => JSX.Element;
declare function Content(props: any): JSX.Element;
declare function SubContent(props: any): JSX.Element;
export declare const RightSlot: import("@planda/styled-system/jsx").StyledComponent<"div", {}>;
export declare const ContextMenuRoot: import("@planda/styled-system/jsx").StyledComponent<import("react").FC<ContextMenuPrimitive.ContextMenuProps>, {}>;
export declare const ContextMenuTrigger: import("react").ForwardRefExoticComponent<ContextMenuPrimitive.ContextMenuTriggerProps & import("react").RefAttributes<HTMLSpanElement>>;
export declare const ContextMenuContent: typeof Content;
export declare const ContextMenuItem: import("@planda/styled-system/jsx").StyledComponent<import("react").ForwardRefExoticComponent<ContextMenuPrimitive.ContextMenuItemProps & import("react").RefAttributes<HTMLDivElement>>, {}>;
export declare const ContextMenuCheckboxItem: import("@planda/styled-system/jsx").StyledComponent<import("react").ForwardRefExoticComponent<ContextMenuPrimitive.ContextMenuCheckboxItemProps & import("react").RefAttributes<HTMLDivElement>>, {}>;
export declare const ContextMenuRadioGroup: import("react").ForwardRefExoticComponent<ContextMenuPrimitive.ContextMenuRadioGroupProps & import("react").RefAttributes<HTMLDivElement>>;
export declare const ContextMenuRadioItem: import("@planda/styled-system/jsx").StyledComponent<import("react").ForwardRefExoticComponent<ContextMenuPrimitive.ContextMenuRadioItemProps & import("react").RefAttributes<HTMLDivElement>>, {}>;
export declare const ContextMenuItemIndicator: import("@planda/styled-system/jsx").StyledComponent<import("react").ForwardRefExoticComponent<ContextMenuPrimitive.ContextMenuItemIndicatorProps & import("react").RefAttributes<HTMLSpanElement>>, {}>;
export declare const ContextMenuLabel: import("@planda/styled-system/jsx").StyledComponent<import("react").ForwardRefExoticComponent<ContextMenuPrimitive.ContextMenuLabelProps & import("react").RefAttributes<HTMLDivElement>>, {}>;
export declare const ContextMenuSeparator: import("@planda/styled-system/jsx").StyledComponent<import("react").ForwardRefExoticComponent<ContextMenuPrimitive.ContextMenuSeparatorProps & import("react").RefAttributes<HTMLDivElement>>, {}>;
export declare const ContextMenuSub: import("react").FC<ContextMenuPrimitive.ContextMenuSubProps>;
export declare const ContextMenuSubTrigger: import("@planda/styled-system/jsx").StyledComponent<import("react").ForwardRefExoticComponent<ContextMenuPrimitive.ContextMenuSubTriggerProps & import("react").RefAttributes<HTMLDivElement>>, {}>;
export declare const ContextMenuSubContent: typeof SubContent;
export {};