JavaScript 56.7%
TypeScript 42.6%
1"use client";23interface LogoProps {4 size?: number;5 className?: string;6 /** Afficher le mot-symbole à côté */7 wordmark?: boolean;8 wordmarkClassName?: string;9}1011/** Marque SPB Cloud : tuile dégradée d'accent + glyphe nuage. */12export default function Logo({ size = 36, className = "", wordmark, wordmarkClassName = "" }: LogoProps) {13 return (14 <span className={`inline-flex items-center gap-2.5 ${className}`}>15 <span16 className="relative inline-flex items-center justify-center rounded-[28%] bg-accent-gradient text-white shadow-[0_2px_8px_rgb(var(--accent-600)/.35),inset_0_1px_0_rgb(255_255_255/.25)] shrink-0"17 style={{ width: size, height: size }}18 aria-hidden19 >20 <svg viewBox="0 0 24 24" width={size * 0.58} height={size * 0.58} fill="none" stroke="currentColor" strokeWidth={2.2} strokeLinecap="round" strokeLinejoin="round">21 <path d="M17.5 19a4.5 4.5 0 0 0 .6-8.96A7 7 0 0 0 4.7 12.2 3.5 3.5 0 0 0 6 19h11.5z" />22 <path d="M12 13v4" className="opacity-80" />23 <path d="M9.8 15.2 12 13l2.2 2.2" className="opacity-80" />24 </svg>25 </span>26 {wordmark && (27 <span className={`font-semibold tracking-tight text-gray-900 dark:text-white ${wordmarkClassName}`}>28 SPB <span className="text-accent-gradient">Cloud</span>29 </span>30 )}31 </span>32 );33}34