manufacturing

client/src/modules/manufacturing/WorkOrderStatusBadge.tsx

@@ -0,0 +1,7 @@
+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>;
+}