FieldOps/apps/operator-pwa/app/status-badge.tsx
2026-05-16 16:22:55 +01:00

15 lines
656 B
TypeScript

const CONFIG = {
OPEN: { label: 'Aberto', className: 'bg-orange-100 text-orange-700 dark:bg-orange-900/30 dark:text-orange-400' },
CLAIMED: { label: 'Em curso', className: 'bg-blue-100 text-blue-700 dark:bg-blue-900/30 dark:text-blue-400' },
RESOLVED: { label: 'Resolvido',className: 'bg-green-100 text-green-700 dark:bg-green-900/30 dark:text-green-400' },
} as const;
export function StatusBadge({ status }: { status: keyof typeof CONFIG }) {
const { label, className } = CONFIG[status];
return (
<span className={`shrink-0 rounded-full px-2.5 py-0.5 text-xs font-medium ${className}`}>
{label}
</span>
);
}