import React from 'react';
import { FlintMenuItem as FlintMenuItemElement } from '@getufy/flint-ui/menu/flint-menu';
export interface FlintMenuItemSelectDetail {
    value: string | null;
    label: string;
}
/**
 * A single option inside a `flint-menu`.
 *
 * @slot (default) - Item label text.
 * @slot icon - Leading icon.
 * @slot end-icon - Trailing icon or shortcut hint.
 */
export interface FlintMenuItemProps extends React.HTMLAttributes<FlintMenuItemElement> {
    /** Marks this item as the currently selected option. */
    selected?: boolean;
    /** Disables the item — it becomes non-interactive. */
    disabled?: boolean;
    /** Dense padding mode (for desktop-density menus). */
    dense?: boolean;
    /** Renders a hairline separator below this item. */
    divider?: boolean;
    /** The machine-readable value carried in the `flint-menu-item-select` event detail. */
    value?: string | undefined;
    /**
     * Fired when the item is activated. detail: { value: string | null, label: string }
     * DOM event: `flint-menu-item-select`
     */
    onFlintMenuItemSelect?: (event: CustomEvent<FlintMenuItemSelectDetail>) => void;
}
export declare const FlintMenuItem: React.ForwardRefExoticComponent<FlintMenuItemProps & React.RefAttributes<FlintMenuItemElement>>;