import { Badge } from './ui'

export function VerifiedAuthorBadge({ compact }: { compact?: boolean }) {
  return (
    <span className={compact ? 'hx-verified-badge hx-verified-badge--compact' : 'hx-verified-badge'}>
      <Badge tone="brand">
        <span className="hx-verified-badge__inner">
          <svg
            className="hx-verified-badge__icon"
            viewBox="0 0 16 16"
            fill="none"
            xmlns="http://www.w3.org/2000/svg"
            aria-hidden
          >
            <circle cx="8" cy="8" r="7" stroke="currentColor" strokeWidth="1.5" />
            <path
              d="M5 8.2 6.8 10 11 5.8"
              stroke="currentColor"
              strokeWidth="1.6"
              strokeLinecap="round"
              strokeLinejoin="round"
            />
          </svg>
          <span>已認證</span>
        </span>
      </Badge>
    </span>
  )
}