20 lines
445 B
TypeScript
20 lines
445 B
TypeScript
export default function Badge({
|
|
variant,
|
|
children
|
|
}: {
|
|
variant: "success" | "danger" | "warning" | "secondary" | "info";
|
|
children: string;
|
|
}) {
|
|
const cls =
|
|
variant === "success"
|
|
? "bg-success"
|
|
: variant === "danger"
|
|
? "bg-danger"
|
|
: variant === "warning"
|
|
? "bg-warning"
|
|
: variant === "info"
|
|
? "bg-info"
|
|
: "bg-secondary";
|
|
return <span className={`badge ${cls}`}>{children}</span>;
|
|
}
|