import React, { FC, MouseEventHandler } from 'react';
import { NestedDropdownConfig } from './types/nestedDropdown';
type DropdownTypes = 'simple' | 'multi';
export interface DropdownItemProps {
    /** Content to render. */
    children: React.ReactNode;
    /** Type of the dropdown item. */
    type?: DropdownTypes;
    /** Optional description to render for the item. This will be rendered on a second line. */
    description?: string;
    /** Height of the content, this is only used for the dropdowns internal logic. This will be auto-calculated if not specified. */
    height?: number;
    /** Whether the dropdown item is selected. */
    isSelected?: boolean;
    /** Called when the dropdown item is clicked. */
    onClick?: MouseEventHandler;
    /** Submenu content to render on hover. Uses new nested dropdown system if NestedDropdownProvider is available. */
    submenu?: React.ReactNode;
    /** Unique identifier for this submenu (optional, auto-generated if not provided) */
    submenuId?: string;
    /** Parent submenu ID for proper nesting */
    parentSubmenuId?: string;
    /** Custom configuration for this submenu */
    submenuConfig?: Partial<NestedDropdownConfig>;
    /** Called when submenu opens */
    onSubmenuOpen?: (id: string) => void;
    /** Called when submenu closes */
    onSubmenuClose?: (id: string) => void;
    /** Navigation mode for submenus: 'hover' shows submenu on hover (default), 'navigational' replaces current view on click */
    submenuMode?: 'hover' | 'navigational';
    /** Title to show in back button when using navigational mode */
    submenuBackTitle?: string;
}
export declare const DropdownItem: FC<DropdownItemProps>;
export {};