import React from "react";
import { TopMenuSubgroupOfMenuItem } from "../../top-menu/top-menu-types";
import { VoidFuncNoParam } from "../../../../../fd-toolbox/functions/internal-getter-setter-functions";
/**
 * Props of {@link UserDropdownMenuItem}
 */
export interface UserDropdownMenuItemProps {
    id?: string;
    item: TopMenuSubgroupOfMenuItem;
    className?: string;
    closeMenu?: VoidFuncNoParam;
}
/**
 * Dropdown menu item component that supports nested submenus, links and callbacks
 *
 * @param UserDropdownMenuItemProps {@link UserDropdownMenuItemProps}
 * Based on {@link https:/ui.shadcn.com/docs/components/dropdown-menu Dropdown}
 *
 * @example
 * ```tsx
    function MyComponent() {
        const item = {
            text: "Logout",
            icon: "logOut",
            type: menuItemTypes.text,
            callback: () => {},
        };

        return (
            <DropdownMenu>
                <DropdownMenuTrigger>Open menu</DropdownMenuTrigger>
                <DropdownMenuContent>
                    <UserDropdownMenuItem item={item} closeMenu={...} />
                </DropdownMenuContent>
            </DropdownMenu>
        );
    }
 * ```
 */
export declare function UserDropdownMenuItem({ id, item, className, closeMenu }: UserDropdownMenuItemProps): React.JSX.Element;
