import React from 'react';
import QueueStatus from '../components/queue-status.component';
import { type QueueTableColumnFunction, type QueueTableCellComponentProps } from '../../types';
import { type StatusColumnConfig } from '../../config-schema';

export const queueTableStatusColumn: QueueTableColumnFunction = (key, header, config: StatusColumnConfig) => {
  const QueueTableStatusCell = ({ queueEntry }: QueueTableCellComponentProps) => {
    // Do not pass queue into status, as we do not want to render it
    return <QueueStatus status={queueEntry.status} statusConfigs={config?.statusConfigs} />;
  };

  return {
    key,
    header,
    CellComponent: QueueTableStatusCell,
    getFilterableValue: (queueEntry) => queueEntry.status.display,
  };
};