import { ReactNode } from 'react';
import { HttpMethod } from '../../generated.js';
export declare const navMenuItemRowClassName = "flex items-center gap-2 rounded-lt-sm px-3 py-2 text-base font-medium text-lt-fg transition-colors hover:bg-lt-muted";
type DataAttributes = {
    [dataAttribute: `data-${string}`]: string | undefined;
};
export type MenuItemProps = DataAttributes & {
    /** Marks the link as the current page. */
    active?: boolean;
    /** Nested items turn this item into a group: collapsible when expanded, a flyout in a collapsed rail. */
    children?: ReactNode;
    className?: string;
    defaultOpen?: boolean;
    disabled?: boolean;
    href?: string;
    /** Icon-only rendering: the label becomes the accessible name. */
    icon?: ReactNode;
    label: ReactNode;
    method?: HttpMethod;
    onClick?: () => void;
    onOpenChange?: (open: boolean) => void;
    /** Controls a group's expanded state. */
    open?: boolean;
    prefix?: ReactNode;
    suffix?: ReactNode;
};
/**
 * One entry of a `Menu`: a link (`href`), a button (`onClick`), a section
 * header (neither), or a group (`children`). Reads the surrounding sidebar's
 * collapsed state through `useCollapsed()` and shrinks to its icon with a hover
 * label while collapsed.
 */
export declare function MenuItem({ active, children, className, defaultOpen, disabled, href, icon, label, method, onClick, onOpenChange, open, prefix, suffix, ...dataAttributes }: MenuItemProps): import("react").JSX.Element | null;
export {};