ftb-project-management/apps/web/components/test-case/TestCaseStatusBadge.tsx

'use client';

import { TEST_CASE_STATUS_LABEL, TEST_CASE_STATUS_COLOR } from '@/lib/test-case';
import type { TestCaseStatus } from '@/lib/test-case';

export function TestCaseStatusBadge({ status }: { status: TestCaseStatus }) {
  return (
    <span className={`inline-flex items-center rounded-full px-2 py-0.5 text-[11px] font-medium ${TEST_CASE_STATUS_COLOR[status]}`}>
      {TEST_CASE_STATUS_LABEL[status]}
    </span>
  );
}