/**
 * Das Zeichen der Foundation im Kopf des Aktenblatts.
 *
 * Als SVG im Markup, nicht als Bilddatei von einem fremden Host: die
 * Inhaltsrichtlinie der Anwendung lässt keine externen Bilder zu, und ein
 * Formular, das nur mit Internetverbindung vollständig aussieht, ist auf einem
 * Heimserver die falsche Bauart. Wer das Original einsetzen will, legt es als
 * `public/foundation.svg` ab und tauscht diese Komponente gegen ein `img`.
 */
export function FoundationMark({ size = 70 }: { size?: number }) {
  // Drei nach innen zeigende Pfeile, um 120 Grad versetzt.
  const pfeile = [0, 120, 240]

  return (
    <svg
      width={size}
      height={size}
      viewBox="0 0 100 100"
      role="img"
      aria-label="Zeichen der Foundation"
      style={{ background: '#ffffff' }}
    >
      <circle cx="50" cy="50" r="46" fill="none" stroke="#000" strokeWidth="4" />
      <circle cx="50" cy="50" r="38" fill="none" stroke="#000" strokeWidth="2" />
      {pfeile.map((winkel) => (
        <g key={winkel} transform={`rotate(${winkel} 50 50)`}>
          <path d="M50 14 L68 44 L56 44 L56 62 L44 62 L44 44 L32 44 Z" fill="#000" />
        </g>
      ))}
    </svg>
  )
}