/** * Wabenhain-Wortzeichen: Hexagon-Rahmen mit drei stilisierten Tannen, * nachempfunden dem gedruckten Glas-Etikett. "default" fuer helle * Hintergrunde (Honiggold-Hexagon, dunkle Tannen), "inverted" fuer dunkle * Hintergruende wie Footer/Mobile-Menue (Creme-Hexagon und -Tannen). */ export function Logomark({ className = "h-8 w-8", variant = "default", src, }: { className?: string; variant?: "default" | "inverted"; /** Im Admin hochgeladenes Logo (lib/brand.ts); ersetzt das gezeichnete Zeichen. */ src?: string | null; }) { if (src) { // Rohes statt next/image: das Seitenverhaeltnis eines hochgeladenen // Logos ist unbekannt (quadratisch bis breite Wortmarke). Die Hoehe kommt // aus className, die Breite folgt dem Bild — begrenzt, damit eine sehr // breite Datei den Kopf nicht sprengt. alt="" weil der Firmenname direkt // daneben als Text steht. return ( // eslint-disable-next-line @next/next/no-img-element ); } const hexColor = variant === "inverted" ? "#F4EFE5" : "#B88A44"; const treeColor = variant === "inverted" ? "#F4EFE5" : "var(--color-heading)"; return ( ); }