import { MenuRootProps } from '@ark-ui/react';
export declare const DropdownMenuStyle: import('../../../styled-system/types').SlotRecipeRuntimeFn<"item" | "content" | "button" | "itemGroup" | "buttonIcon", import('../../../styled-system/types').SlotRecipeVariantRecord<"item" | "content" | "button" | "itemGroup" | "buttonIcon">>;
export type MenuItemProps = {
    value: string;
    label: string;
    headingElement?: React.ReactElement;
    trailingElement?: React.ReactElement;
    /** アイテムが選択されたときに呼び出される関数 */
    onSelect?: (value: string) => void;
    /** @deprecated `icon` は廃止予定です。`headingElement` を使ってください */
    icon?: React.ReactElement;
};
export type DropdownMenuProps = {
    styleType?: "default" | "iconButton";
    title: string;
    items: MenuItemProps[];
    disabled?: boolean;
    icon?: React.ReactElement;
    /**
     * Portalを使用するかどうか
     * - `true` (デフォルト): body直下にポータルする。ModalDialog/Drawer内にある場合は自動的にそのコンテンツ内にポータルされる
     * - `false`: ポータルを使用せず、その場にレンダリングする
     * @default true
     */
    portalled?: boolean;
};
export declare const DropdownMenu: React.FC<DropdownMenuProps & MenuRootProps>;