/**
* 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 (
);
}