export function StatusBadge({ status }: { status: string }) {
  const s = (status || 'pending').toLowerCase()
  let cls = 'badge-pending'
  if (s === 'ok' || s === 'done' || s === 'success') cls = 'badge-ok'
  else if (s === 'fail' || s === 'failed' || s === 'error') cls = 'badge-fail'
  else if (s === 'running' || s === 'testing' || s === 'in_progress') cls = 'badge-info'
  return (
    <span className={`badge ${cls}`}>
      <span className="dot" />
      {s}
    </span>
  )
}