'use client';

import type { RequirementStatus } from '@/lib/requirement';
import { REQ_STATUS_LABEL, REQ_STATUS_COLOR } from '@/lib/requirement';

interface Props {
  status: RequirementStatus;
}

export function RequirementStatusBadge({ status }: Props) {
  return (
    <span className={`inline-flex items-center rounded-md px-1.5 py-0.5 text-[11px] font-medium ${REQ_STATUS_COLOR[status]}`}>
      {REQ_STATUS_LABEL[status]}
    </span>
  );
}