sales

client/src/modules/sales/SalesStatusBadge.tsx

@@ -0,0 +1,9 @@
+import type { SalesDocumentStatus } from "@mrp/shared/dist/sales/types.js";
+
+import { salesStatusOptions, salesStatusPalette } from "./config";
+
+export function SalesStatusBadge({ status }: { status: SalesDocumentStatus }) {
+  const label = salesStatusOptions.find((option) => option.value === status)?.label ?? status;
+
+  return <span className={`inline-flex rounded-full px-2 py-1 text-xs font-semibold uppercase tracking-[0.12em] ${salesStatusPalette[status]}`}>{label}</span>;
+}