import type { IconName } from './iconTypes';
/**
 * Represents a single item in the dropdown menu.
 *
 * Recommended: Use both `label` and `value` for consistent behavior, especially for selection tracking.
 *
 * - If `href` is provided, the item is treated as a link and acts as a navigation item. No selection logic or dispatch will apply.
 * - `icon` defines an optional icon to render alongside the label.
 * - If `divider` is `true`, the item will render as a visual separator in the dropdown. In this case, only `divider` should be set.
 * - `destructive` marks the item as a destructive action, affecting styling (e.g., red text).
 *
 * `checked` is deprecated. To determine if an item is selected, use the `selectedOption` or `selectedOptions` bindable props on the component.
 */
export type DropdownItem = {
    label?: string;
    value?: any;
    href?: string;
    icon?: IconName;
    destructive?: boolean;
    divider?: boolean;
    checked?: boolean;
};
export type DropdownHeader = {
    title: string;
    subtitle: string;
};
