import { SilkeOverflowMenuItem } from '../silke-overflow-menu';

export type TableColumn<T, K extends keyof T = keyof T> = {
  attr: K;
  label?: string;
  component?: React.ReactNode;
  width?: number | string;
  align?: 'left' | 'center' | 'right';
  transform?: (value: T[K], model: T, index: number) => React.ReactNode;
};

export type TableRowMenu<T> =
  | 'divider'
  | (Omit<SilkeOverflowMenuItem, 'onClick'> & {
      isVisible?: (item: T) => boolean;
      onClick: (item: T) => void;
    });