spb/internetpressure

1import type { ServiceRow } from '@/lib/types';23/** Vendor status-page indicator (none/minor/major/critical) or "no connector" when we have no source for that provider. */4export function VendorIndicator({ v }: { v: ServiceRow['vendor_status'] }) {5  if (!v) return <span className="text-[11px] text-ink-3">no connector</span>;6  const color = v.indicator === 'none' ? 'var(--ok)' : v.indicator === 'minor' ? 'var(--warn)' : 'var(--bad)';7  return (8    <span className="inline-flex items-center gap-1.5 text-[11px] uppercase tracking-[0.08em]" style={{ color }}>9      <span className="size-1.5 rounded-full" style={{ background: color }} aria-hidden="true" />10      {v.indicator}11      {v.incidents ? <span className="num text-ink-2">({v.incidents})</span> : null}12    </span>13  );14}15