import { PopupState } from 'material-ui-popup-state/hooks';
import { MouseEventHandler } from 'react';
import { IconName } from '../../../BrandCore/Icon.js';
import { IconProps } from '../../BrandCore/Icon/Icon.js';

interface MenuItemProps {
    baseState?: PopupState;
    label?: string;
    active?: boolean;
    danger?: boolean;
    divider?: boolean;
    heading?: boolean;
    selected?: boolean;
    disabled?: boolean;
    closeOnClick?: boolean;
    tooltip?: boolean;
    hidden?: boolean;
    onClick?: MouseEventHandler<HTMLButtonElement>;
    children?: MenuItemProps[];
    width?: number;
    startIcon?: IconName;
    slotProps?: {
        startIcon?: Partial<Omit<IconProps, 'name'>>;
    };
    showItemNumber?: boolean;
    itemNumber?: number;
}

export type { MenuItemProps };