import * as react from 'react';
import { ReactNode } from 'react';
import { N as NavigableProps } from './types-8Sv0rCjw.cjs';

type MenuOrientation = "horizontal" | "vertical";
interface MenuProps {
    children: ReactNode;
    orientation?: MenuOrientation;
    className?: string;
}
interface MenuItemProps extends NavigableProps {
    children: ReactNode;
    icon?: ReactNode;
    active?: boolean;
    disabled?: boolean;
    badge?: ReactNode;
    onClick?: () => void;
    className?: string;
}
interface MenuSubmenuProps {
    children: ReactNode;
    label: ReactNode;
    icon?: ReactNode;
    defaultOpen?: boolean;
    className?: string;
}
interface MenuGroupProps {
    children: ReactNode;
    label?: string;
    className?: string;
}
interface MenuContextValue {
    orientation: MenuOrientation;
}

declare function MenuItem({ children, href, as: As, icon, active, disabled, badge, onClick, className, ...rest }: MenuItemProps): react.JSX.Element;
declare namespace MenuItem {
    var displayName: string;
}

declare function MenuSubmenu({ children, label, icon, defaultOpen, className, }: MenuSubmenuProps): react.JSX.Element;
declare namespace MenuSubmenu {
    var displayName: string;
}

declare function MenuGroup({ children, label, className }: MenuGroupProps): react.JSX.Element;
declare namespace MenuGroup {
    var displayName: string;
}

declare function MenuRoot({ children, orientation, className }: MenuProps): react.JSX.Element;
declare const Menu: typeof MenuRoot & {
    Item: typeof MenuItem;
    Submenu: typeof MenuSubmenu;
    Group: typeof MenuGroup;
};

declare function useMenu(): MenuContextValue;

export { Menu, type MenuContextValue, type MenuGroupProps, type MenuItemProps, type MenuOrientation, type MenuProps, type MenuSubmenuProps, useMenu };