import { cn } from "@/lib/utils"

type UltiMailLogoProps = {
  className?: string
  /** `horizontal` = picto source + « Ultimail » (lisible, aligné barre). `mark` = picto seul (launcher). */
  variant?: "horizontal" | "mark"
}

/** Icône extraite du master PNG (pas le SVG VTracer, trop « M Gmail » à petite taille). */
const HEADER_ICON = "/brand/ultimail-header-icon.png"

export function UltiMailLogo({ className, variant = "horizontal" }: UltiMailLogoProps) {
  if (variant === "mark") {
    return (
      <img
        src={HEADER_ICON}
        alt=""
        width={288}
        height={288}
        draggable={false}
        className={cn("h-10 w-10 shrink-0 object-contain object-center", className)}
        aria-hidden
      />
    )
  }

  return (
    <div
      role="img"
      aria-label="Ultimail"
      className={cn("flex min-w-0 items-center gap-2.5 text-[#0f172a]", className)}
    >
      <img
        src={HEADER_ICON}
        alt=""
        width={288}
        height={288}
        draggable={false}
        className="h-8 w-8 shrink-0 object-contain object-center select-none"
        aria-hidden
      />
      <span className="min-w-0 truncate text-[1.375rem] font-semibold leading-none tracking-tight text-[#0f172a]">
        Ultimail
      </span>
    </div>
  )
}
