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>;
}