import React from 'react';

interface BadgeProps {
  variant: 'success' | 'warning' | 'danger' | 'info' | 'neutral';
  children: React.ReactNode;
  size?: 'sm' | 'md';
}

export function Badge({ variant, children, size = 'md' }: BadgeProps) {
  return (
    <span className={`cra-badge cra-badge-${variant} cra-badge-${size}`}>
      {children}
    </span>
  );
}