import React from 'react';
import type { StatusBadgeProps } from '../../types.js';

const statusColors: Record<string, string> = {
  active: 'status-active', complete: 'status-complete', paused: 'status-paused',
  draft: 'status-draft', error: 'status-error', sent: 'status-sent',
  paid: 'status-paid', pending: 'status-pending', open: 'status-open',
  won: 'status-won', lost: 'status-lost', abandoned: 'status-draft',
};

export const StatusBadge: React.FC<StatusBadgeProps> = ({ label, variant }) => (
  <span className={`status-badge ${statusColors[variant || 'active'] || 'status-active'}`}>{label}</span>
);
