ignore folder

components/workflow/StatusBadge.tsx

@@ -0,0 +1,12 @@
+import Badge from "../ui/Badge";
+import { WorkflowStatus } from "@/types/api";
+
+export default function StatusBadge({ status }: { status: WorkflowStatus }) {
+  const map = {
+    PENDING: "warning",
+    APPROVED: "success",
+    REJECTED: "danger",
+    DRAFT: "info"
+  } as const;
+  return <Badge variant={map[status]}>{status}</Badge>;
+}