// Identité Immbot AI — monogramme net : courbe de valeur qui devient un toit,
// point d'or au sommet. Aplat bleu UQO (pas de dégradé : rendu net à toutes tailles,
// et évite les collisions d'identifiants SVG entre instances).
import Image from "next/image";

export function ImmbotMark({ size = 28, className }: { size?: number; className?: string }) {
  return (
    <svg
      width={size}
      height={size}
      viewBox="0 0 48 48"
      fill="none"
      role="img"
      aria-label="Immbot AI"
      className={className}
    >
      <rect x="1" y="1" width="46" height="46" rx="10" fill="#003E7E" />
      <path
        d="M10 34 L18 34 L27 20 L33 26 L38 15"
        stroke="white"
        strokeWidth="3.4"
        strokeLinecap="round"
        strokeLinejoin="round"
        fill="none"
      />
      <circle cx="38" cy="15" r="3.6" fill="#C6A300" />
      <path d="M14 34 L14 28.5 L20 28.5 L20 34" stroke="white" strokeWidth="2.6" strokeLinejoin="round" fill="none" opacity="0.9" />
    </svg>
  );
}

export function ImmbotLogo({ size = 28, className }: { size?: number; className?: string }) {
  return (
    <span className={`inline-flex items-center gap-2.5 ${className ?? ""}`}>
      <ImmbotMark size={size} />
      <span className="font-bold tracking-tight text-fg leading-none" style={{ fontSize: size * 0.64 }}>
        Immbot <span className="text-brand-600 dark:text-brand-300">AI</span>
      </span>
    </span>
  );
}

/** Logo officiel de l'UQO (co-marquage institutionnel). */
export function UqoLogo({ height = 34, className }: { height?: number; className?: string }) {
  return (
    <Image
      src="/uqo-logo.png"
      alt="Université du Québec en Outaouais"
      width={Math.round(height * 2.08)}
      height={height}
      className={className}
      priority={false}
    />
  );
}