import type { MlButtonProps } from '../ml-button';

export interface ButtonListButtonItem extends MlButtonProps {
  hidden?: boolean | (() => boolean);
  visible?: boolean | (() => boolean);
}

export interface ButtonListStylePartProps
  extends Pick<
    MlButtonProps,
    | 'paddingX'
    | 'theme'
    | 'contentGapX'
    | 'fontBold'
    | 'textSize'
    | 'height'
    | 'color'
    | 'shadow'
    | 'rounded'
    | 'minWidth'
    | 'iconPlacement'
    | 'iconBold'
    | 'iconSize'
  > {
  gapX?: 'none' | 'mini' | 'xs' | 'sm' | 'base' | 'md' | 'lg' | 'xl';
  seperator?: boolean;
  stopClickEventPropagation?: boolean;
}

export interface MlButtonListProps extends ButtonListStylePartProps {
  buttons: ButtonListButtonItem[];
}