import type { WorkOrderStatus } from "@mrp/shared";

import { workOrderStatusPalette } from "./config";

export function WorkOrderStatusBadge({ status }: { status: WorkOrderStatus }) {
  return <span className={`inline-flex rounded-full px-2 py-1 text-xs font-semibold ${workOrderStatusPalette[status]}`}>{status.replace("_", " ")}</span>;
}