import React from 'react';
import { FlintNavigationMenuItem as FlintNavigationMenuItemElement } from '@getufy/flint-ui/navigation-menu/flint-navigation-menu-item';
export interface FlintNavigationMenuTriggerClickDetail {
    contentId: string;
    open: boolean;
}
export interface FlintNavigationMenuContentToggleDetail {
    contentId: string;
    open: boolean;
}
/**
 * @slot default - Item content (NavigationMenuTrigger and NavigationMenuContent)
 */
export interface FlintNavigationMenuItemProps extends React.HTMLAttributes<FlintNavigationMenuItemElement> {
    /** Unique identifier for this menu item */
    itemId?: string;
    /** Whether this item is disabled */
    disabled?: boolean;
    /** Delay in ms before opening on hover */
    openDelay?: number;
    /** Delay in ms before closing after mouse leaves */
    closeDelay?: number;
    /**
     * Fired when the item's trigger is clicked. detail: `{ contentId: string, open: boolean }`
     * DOM event: `flint-navigation-menu-trigger-click`
     */
    onFlintNavigationMenuTriggerClick?: (event: CustomEvent<FlintNavigationMenuTriggerClickDetail>) => void;
    /**
     * Fired when content visibility changes. detail: `{ contentId: string, open: boolean }`
     * DOM event: `flint-navigation-menu-content-toggle`
     */
    onFlintNavigationMenuContentToggle?: (event: CustomEvent<FlintNavigationMenuContentToggleDetail>) => void;
}
export declare const FlintNavigationMenuItem: React.ForwardRefExoticComponent<FlintNavigationMenuItemProps & React.RefAttributes<FlintNavigationMenuItemElement>>;