import * as RadixDropdownMenu from "@radix-ui/react-dropdown-menu";
import { MenuCheckboxGroup } from "./MenuCheckboxGroup";
import { MenuCustomItem } from "./MenuCustomItem";
import { MenuItem } from "./MenuItem";
import { MenuRadioGroup } from "./MenuRadioGroup";
import { MenuSeparator } from "./MenuSeparator";
import { SubMenu } from "./SubMenu";
export type DropdownMenuProps = Readonly<{
    /**
     * The element that opens the menu. Clicks on this element automatically have
     * `preventDefault` called on them so a parent with default click behavior — e.g. a
     * `<Tile as={Link}>` ancestor (navigation), or a surrounding `<form>` when
     * `withPortal={false}` (submit) — doesn't fire its default action when the trigger is
     * clicked. Don't pass an `<a>` or a `<button type="submit">` here if you rely on its
     * default action; pass a `<button type="button">` (or compatible) instead.
     */
    triggerElement: React.ReactNode;
    children: React.ReactNode;
    className?: string;
    withPortal?: boolean;
    /** Show a search field at the top of the menu */
    search?: boolean;
    searchPlaceholder?: string;
    /** Controlled search value */
    searchValue?: string;
    onSearchChange?: (value: string) => void;
    searchClearLabel?: string;
    onSearchClear?: () => void;
    /** Optional element rendered between the search field and the items (e.g. a SelectField) */
    selectField?: React.ReactNode;
    /** Rendered in place of the items list when children is empty (e.g. a "No results" message) */
    emptyState?: React.ReactNode;
} & RadixDropdownMenu.DropdownMenuProps & Pick<RadixDropdownMenu.DropdownMenuContentProps, "side" | "align" | "avoidCollisions" | "sideOffset" | "collisionPadding">>;
export declare function DropdownMenu({ side, align, avoidCollisions, withPortal, sideOffset, collisionPadding, triggerElement, children, className, modal, open: value, defaultOpen: defaultValue, onOpenChange: onValueChange, search, searchPlaceholder, searchValue, onSearchChange, searchClearLabel, onSearchClear, selectField, emptyState, }: DropdownMenuProps): import("react").JSX.Element;
export declare namespace DropdownMenu {
    export { MenuItem as Item };
    export { SubMenu as Sub };
    export { MenuCustomItem as CustomItem };
    export { MenuRadioGroup as RadioGroup };
    export { MenuCheckboxGroup as CheckboxGroup };
    export { MenuSeparator as Separator };
}
//# sourceMappingURL=DropdownMenu.d.ts.map