21 lines
676 B
TypeScript
21 lines
676 B
TypeScript
export default function RiskBadge({ level }: { level: string }) {
|
|
const styles: Record<string, string> = {
|
|
low: "border-emerald-200 bg-emerald-50 text-emerald-700",
|
|
medium: "border-amber-200 bg-amber-50 text-amber-700",
|
|
high: "border-orange-200 bg-orange-50 text-orange-700",
|
|
forbidden: "border-rose-200 bg-rose-50 text-rose-700"
|
|
};
|
|
const labels: Record<string, string> = {
|
|
low: "低风险",
|
|
medium: "中风险",
|
|
high: "高风险",
|
|
forbidden: "禁止"
|
|
};
|
|
return (
|
|
<span className={`inline-flex rounded-md border px-2 py-1 text-xs font-medium ${styles[level] ?? styles.medium}`}>
|
|
{labels[level] ?? level}
|
|
</span>
|
|
);
|
|
}
|
|
|