import type { JobStatus } from '../types/api';
import { getJobStatusLabel, getJobStatusColor } from '../utils/jobStatusMessages';

interface StatusBadgeProps {
  status: JobStatus;
}

export function StatusBadge({ status }: StatusBadgeProps) {
  return (
    <span className={`inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium ${getJobStatusColor(status)}`}>
      {getJobStatusLabel(status)}
    </span>
  );
}