import { Tag } from 'antd';
import type { StatusBadgeProps, StatusTone } from './types';

const toneColorMap: Record<StatusTone, string> = {
  success: 'success',
  warning: 'warning',
  error: 'error',
  processing: 'processing',
  default: 'default',
};

export function StatusBadgeUI({ label, tone = 'default' }: StatusBadgeProps) {
  return <Tag color={toneColorMap[tone]}>{label}</Tag>;
}
