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 `
` instead of a `