Files
mrp/client/src/modules/crm/CrmStatusBadge.tsx
2026-03-14 16:08:29 -05:00

14 lines
485 B
TypeScript

import type { CrmRecordStatus } from "@mrp/shared/dist/crm/types.js";
import { crmStatusOptions, crmStatusPalette } from "./config";
export function CrmStatusBadge({ status }: { status: CrmRecordStatus }) {
const label = crmStatusOptions.find((option) => option.value === status)?.label ?? status;
return (
<span className={`inline-flex rounded-full px-3 py-1 text-xs font-semibold uppercase tracking-[0.16em] ${crmStatusPalette[status]}`}>
{label}
</span>
);
}