48 lines
1.3 KiB
TypeScript
48 lines
1.3 KiB
TypeScript
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>
|
|
)
|
|
}
|