import { statusTone, formatStatusLabel } from '../../lib/utils';

interface StatusBadgeProps {
  status: string;
  className?: string;
}

export function StatusBadge({ status, className = '' }: StatusBadgeProps) {
  const tone = statusTone(status);
  return (
    <span
      className={`inline-flex items-center px-2 py-0.5 rounded-full text-2xs font-bold ${className}`}
      style={{ background: tone.bg, color: tone.fg }}
    >
      {formatStatusLabel(status)}
    </span>
  );
}
