/**
 * Логотип VidConf — знак «объектив» (design/DESIGN_SYSTEM.md §1.4, design/logo.svg).
 * Монохромный, наследует цвет текста (currentColor) — обычно `--color-ink-700`.
 *
 * Два варианта:
 * - `LogoMark` — упрощённая версия для мелких размеров (топбар рядом со
 *   словом «VidConf», 22×22px), 1:1 повторяет `.brand-mark .logo-mark` из
 *   всех макетов оболочки (lobby.html, calendar.html, admin.html, join.html).
 * - `LogoMedallion` — полная версия с 4 концентрическими кольцами (design/logo.svg),
 *   используется в медальоне-центре мозаики лобби (`.hub-logo`, 56×56px внутри
 *   круга 156×156px, см. design/mockups/lobby.html).
 */

/** Упрощённый знак объектива для топбара (viewBox 32×32). */
export function LogoMark({ className }: { className?: string }) {
  return (
    <svg className={className ?? 'logo-mark'} viewBox="0 0 32 32" fill="none" aria-hidden="true">
      <polygon points="21,16 18.5,20.3 13.5,20.3 11,16 13.5,11.7 18.5,11.7" fill="currentColor" />
      <circle cx="16" cy="16" r="13" stroke="currentColor" strokeWidth="2.6" strokeDasharray="12 6" />
    </svg>
  )
}

/** Полный знак объектива (4 кольца) для медальона в центре мозаики лобби. */
export function LogoMedallion({ className }: { className?: string }) {
  return (
    <svg className={className ?? 'logo-mark'} viewBox="0 0 64 64" fill="none" aria-hidden="true">
      <polygon points="41,32 36.5,39.8 27.5,39.8 23,32 27.5,24.2 36.5,24.2" fill="currentColor" />
      <circle
        cx="32"
        cy="32"
        r="15"
        stroke="currentColor"
        strokeWidth="3"
        strokeDasharray="16 7 28 9 12 16"
        strokeDashoffset="5"
      />
      <circle
        cx="32"
        cy="32"
        r="20"
        stroke="currentColor"
        strokeWidth="2"
        strokeDasharray="22 10 8 14 34 12 6 10"
        strokeDashoffset="40"
      />
      <circle
        cx="32"
        cy="32"
        r="25"
        stroke="currentColor"
        strokeWidth="3.5"
        strokeDasharray="40 14 12 10 26 16 20 8"
        strokeDashoffset="80"
      />
      <circle
        cx="32"
        cy="32"
        r="29"
        stroke="currentColor"
        strokeWidth="1.6"
        strokeDasharray="10 6 60 20 30 10 24 8"
        strokeDashoffset="120"
      />
    </svg>
  )
}
