semillero-2-AI-ATS/components/StatusBadge.tsx

20 lines
465 B
TypeScript

import React from "react";
interface StatusBadgeProps {
label: string;
variant?: "primary" | "secondary";
}
export function StatusBadge({ label, variant = "primary" }: StatusBadgeProps) {
return (
<span
className={`inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium ${
variant === "primary"
? "bg-blue-600 text-white"
: "bg-slate-50 text-slate-600"
}`}
>
{label}
</span>
);
}