import { APP_NAME } from "../brand";

// Wort-Bild-Marke für die Seitenleiste. Das Zeichen ist der Münzhaufen aus
// public/favicon.svg (identisch zum Browser-Tab-Icon) – bewusst kein Emoji.
export default function BrandMark({ showName = true, size = 26 }) {
  return (
    <div className="brand-mark">
      <img
        className="brand-logo"
        src="/favicon.svg"
        width={size}
        height={size}
        alt={APP_NAME}
      />
      {showName && <span className="brand-name">{APP_NAME}</span>}
    </div>
  );
}