import { ReactNode } from 'react';
import { CSSObject } from '@emotion/react';
import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
/**
 * A dropdown menu component that provides a customizable and accessible dropdown interface.
 * Built on top of accessible primitives, it offers a flexible way to display
 * contextual actions and navigation options.
 *
 * Disclaimer: Custom trigger components (with asChild) must accept id, aria-haspopup, aria-expanded, and data-state props.
 *
 * Example:
 * ```tsx
 * <DropdownMenu>
 *   <DropdownMenu.Trigger>Open Menu</DropdownMenu.Trigger>
 *   <DropdownMenu.Content>
 *     <DropdownMenu.Item>Item 1</DropdownMenu.Item>
 *     <DropdownMenu.Item>Item 2</DropdownMenu.Item>
 *   </DropdownMenu.Content>
 * </DropdownMenu>
 * ```
 *
 * With custom trigger:
 * ```tsx
 * <DropdownMenu>
 *   <DropdownMenu.Trigger asChild>
 *     <Button>Open Menu</Button>
 *   </DropdownMenu.Trigger>
 *   <DropdownMenu.Content>
 *     <DropdownMenu.Item>Item 1</DropdownMenu.Item>
 *     <DropdownMenu.Item>Item 2</DropdownMenu.Item>
 *   </DropdownMenu.Content>
 * </DropdownMenu>
 * ```
 *
 */
export declare const DropdownMenu: {
    ({ children }: {
        children: ReactNode;
    }): import("@emotion/react/jsx-runtime").JSX.Element;
    Trigger: ({ children, asChild, cssObj, }: {
        children: ReactNode;
        asChild?: boolean;
        cssObj?: CSSObject;
    }) => import("@emotion/react/jsx-runtime").JSX.Element;
    Content: ({ children }: {
        children: ReactNode;
    }) => import("@emotion/react/jsx-runtime").JSX.Element;
    Item: ({ children, onClick }: {
        children: ReactNode;
        onClick: () => void;
    }) => import("@emotion/react/jsx-runtime").JSX.Element;
    SubTrigger: import("react").ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuSubTriggerProps & {
        cssObj?: CSSObject;
        showIndicator?: boolean;
        indicator?: ReactNode;
    } & import("react").RefAttributes<HTMLDivElement>>;
    SubContent: import("react").ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuSubContentProps & {
        cssObj?: CSSObject;
    } & import("react").RefAttributes<HTMLDivElement>>;
    Sub: import("react").FC<DropdownMenuPrimitive.DropdownMenuSubProps>;
};
//# sourceMappingURL=DropdownMenu.d.ts.map