import { TableV2FixedDir } from 'element-plus'
import type { VNode } from 'vue'
import type { TableColumn } from '@/views/_components/table/IvyTableColumn'
import { actionsCellRenderer } from '@/views/_components/table/renderers'
import type {
  ActionsCellOptions,
  CellAction,
} from '@/views/_components/table/renderers/actionsCellRenderer'

export interface ActionsColumnOptions<Row extends Record<string, unknown>> {
  actions: CellAction<Row>[] | ((row: Row) => CellAction<Row>[])
  idKey?: ActionsCellOptions<Row>['idKey']
  onButtonRef?: ActionsCellOptions<Row>['onButtonRef']
  headerRenderer?: () => VNode
  title?: string
  width?: number
  minWidth?: number
  className?: string
  overrides?: Partial<TableColumn>
}

export function actionsColumn<Row extends Record<string, unknown>>(
  options: ActionsColumnOptions<Row>,
): TableColumn {
  const width = options.width ?? 120
  return {
    key: 'actions',
    width,
    minWidth: options.minWidth ?? width,
    title: options.title,
    class: options.className,
    headerRenderer: options.headerRenderer,
    cellRenderer: actionsCellRenderer<Row>({
      actions: options.actions,
      idKey: options.idKey,
      onButtonRef: options.onButtonRef,
    }),
    visible: true,
    showInModal: false,
    fixed: TableV2FixedDir.RIGHT,
    ...options.overrides,
  }
}