22 lines
650 B
TypeScript
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>
|
||
|
|
);
|
||
|
|
};
|