import { INITIATIVE_STATUS_LABELS, ACTION_STATUS_LABELS } from '../constants/status.js'

const VARIANTS = {
  active: 'status-active',
  paused: 'status-paused',
  completed: 'status-completed',
  archived: 'status-archived',
  open: 'status-open',
  in_progress: 'status-progress',
  blocked: 'status-blocked',
  done: 'status-done',
  discarded: 'status-discarded',
}

export function StatusBadge({ kind = 'action', status }) {
  const labels = kind === 'initiative' ? INITIATIVE_STATUS_LABELS : ACTION_STATUS_LABELS
  const label = labels[status] || status
  const variant = VARIANTS[status] || 'status-default'
  return <span className={`badge status-badge ${variant}`}>{label}</span>
}