import { RGPDRequestStatus } from "../../../../app/config/rgpd.types";

interface Props {
    status: RGPDRequestStatus;
}

export default function RGPDStatusBadge({ status }: Props) {
    const styles = {
        RECUE: "bg-blue-100 text-blue-700",
        EN_COURS: "bg-amber-100 text-amber-700",
        TERMINEE: "bg-green-100 text-green-700",
        REFUSEE: "bg-red-100 text-red-700",
        EN_RETARD: "bg-orange-100 text-orange-700"
    };

    return (
        <span
            className={`px-3 py-1 rounded-full text-xs font-semibold ${styles[status]}`}
        >
            {status}
        </span>
    );
}