satupeta-main/shared/components/status-validation-badge.tsx
2026-01-27 09:31:12 +07:00

22 lines
650 B
TypeScript

import React from "react";
type Status = "approved" | "on_verification" | "rejected";
const statusMap: Record<Status, { label: string; color: string }> = {
approved: { label: "Disetujui", color: "bg-green-100 text-green-800" },
on_verification: {
label: "Menunggu Verifikasi",
color: "bg-yellow-100 text-yellow-800",
},
rejected: { label: "Ditolak", color: "bg-red-100 text-red-800" },
};
export const StatusValidationBadge = ({ status }: { status: Status }) => {
const { label, color } = statusMap[status];
return (
<span className={`text-xs font-medium px-2.5 py-0.5 rounded ${color}`}>
{label}
</span>
);
};