web/src/components/ShadowBadge.tsx

import { useI18n } from '../i18n'

/** Shadow-mode honesty badges — shown wherever a C1/C2 result appears. */
export function ShadowBadges() {
  const { t } = useI18n()
  return (
    <div className="shadow-badges" role="note">
      <span className="badge tone-warn">{t('shadow.badge')}</span>
      <span className="badge tone-info">{t('shadow.advisory')}</span>
      <span className="badge tone-info">{t('shadow.noChange')}</span>
      <span className="badge tone-info">{t('shadow.synthetic')}</span>
    </div>
  )
}

/** A single "Authoritative" marker for the deterministic policy result. */
export function AuthoritativeBadge() {
  const { t } = useI18n()
  return <span className="badge tone-ok">{t('authoritative.badge')}</span>
}

export function ShadowFootnote() {
  const { t } = useI18n()
  return <p className="muted small">{t('shadow.notEvidence')}</p>
}