// src/components/brand-logo.tsx — mascotte SEO Insight (variante « face braise »).
// Theme-aware via classes Tailwind : la version braise (sombre sur fond clair)
// s'affiche en thème clair, la version braise-blanc en thème sombre. Le thème
// est piloté par next-themes (attribute="class") dans le layout racine.
//
// On sert le PNG en <img> statique (pas next/image) : c'est un logo de taille
// fixe, l'optimizer responsive n'apporte rien et échoue en 400 sur cette image
// locale en dev (Turbopack). Le fichier statique /logo/*.png se sert en 200.
import { cn } from "@/lib/utils";

export function BrandLogo({
  size = 32,
  className,
}: {
  /** Côté du logo en pixels (carré). */
  size?: number;
  className?: string;
}) {
  return (
    <>
      {/* biome-ignore lint/performance/noImgElement: logo statique de taille fixe, next/image inutile */}
      <img
        src="/logo/face-braise.png"
        alt="SEO Insight"
        width={size}
        height={size}
        className={cn("block dark:hidden", className)}
      />
      {/* biome-ignore lint/performance/noImgElement: logo statique de taille fixe, next/image inutile */}
      <img
        src="/logo/face-braise-blanc.png"
        alt="SEO Insight"
        width={size}
        height={size}
        className={cn("hidden dark:block", className)}
      />
    </>
  );
}