18 lines
468 B
TypeScript
18 lines
468 B
TypeScript
type BadgeVariant = 'info' | 'success' | 'warning' | 'danger';
|
|
|
|
interface StatusBadgeProps {
|
|
variant: BadgeVariant;
|
|
label: string;
|
|
}
|
|
|
|
const variantClass: Record<BadgeVariant, string> = {
|
|
info: 'de-badge-info',
|
|
success: 'de-badge-success',
|
|
warning: 'de-badge-warning',
|
|
danger: 'de-badge-danger',
|
|
};
|
|
|
|
export default function StatusBadge({ variant, label }: StatusBadgeProps) {
|
|
return <span className={`de-badge ${variantClass[variant]}`}>{label}</span>;
|
|
}
|