export type DropdownItemProps = {
/**
* The content of the menu item (text, icons, checkbox, etc.)
*/
children: React.ReactNode;
/**
* Called when the item is activated (mouse click or Enter/Space key).
* Receives either a MouseEvent or KeyboardEvent.
*/
onClick?: (e: React.MouseEvent | React.KeyboardEvent) => void;
/**
* Disables the item — prevents interaction and applies disabled styling.
* @default false
*/
disabled?: boolean;
/**
* Highlights the item visually (e.g. selected language, current sort option).
* Does **not** affect behavior — only styling.
*
* @default false
*/
active?: boolean;
/**
* Required when using keyboard navigation (ArrowUp/ArrowDown).
* Must be a unique, sequential number (0, 1, 2, ...) for each item in the list.
* When omitted, the item won't be keyboard-focusable.
*/
index?: number;
/**
* Indentation level (in rem units). Useful for nested / hierarchical menus.
* Example: `indent={1}` → adds ~1rem left padding
*
* @default 0
*/
indent?: number;
/**
* When `true`, renders a plain `