import React from 'react';
import {Pill} from '@components';
import {ServiceManagementTask} from '@modules/serviceManagement/interfaces';
import {
  getStateVariant,
  getTranslatedStateName,
} from '@modules/serviceManagement/utils';

interface Props {
  task: ServiceManagementTask;
}

function ServiceManagementTaskStatusPill({task}: Props) {
  const variant = getStateVariant(task.type, task.state.name);

  return (
    <Pill
      variant={variant}
      size="sm"
      text={getTranslatedStateName(task.state.name)}
    />
  );
}

export default ServiceManagementTaskStatusPill;