import * as React from 'react';
import { IconElement, OmitPolyfill, TooltipCommonProps } from '../common';
import { PopoverMenuProps } from '../PopoverMenu';
import { ButtonWithAsProp } from '../Button';

type CommonTableActionCellProps = {
  dataHook?: string;
  primaryAction?: TableActionCellPrimaryAction;
  secondaryActions?: TableActionCellSecondaryAction[];
  numOfVisibleSecondaryActions?: number;
  alwaysShowSecondaryActions?: boolean;
  size?: 'small' | 'medium';
};

export type TableActionCellProps = CommonTableActionCellProps & {
  popoverMenuProps?: OmitPolyfill<
    PopoverMenuProps,
    'triggerElement' | 'children' | 'dataHook' | 'className'
  >;
};

export const TableActionCell: React.SFC<TableActionCellProps>;
export default TableActionCell;

export type TableActionCellPrimaryAction = ButtonWithAsProp<{
  text: string;
  onClick: () => void;
  skin?: 'standard' | 'inverted';
  disabled?: boolean;
  prefixIcon?: IconElement;
  suffixIcon?: IconElement;
}>;

export type TableActionCellSecondaryAction = {
  text: string;
  icon: IconElement;
  onClick: () => void;
  disabled?: boolean;
  disabledDescription?: string;
  tooltipProps?: TooltipCommonProps;
  dataHook?: string;
};