spb/clip-spboucher-ai

1/** CLIP wordmark: a 9:16 frame holding a single lamp, then the name. */2export function Logo({ size = 22, withName = true }: { size?: number; withName?: boolean }) {3  return (4    <span className="inline-flex items-center gap-2">5      <svg width={(size * 9) / 16 + 4} height={size} viewBox="0 0 18 28" aria-hidden="true">6        <rect x="1.2" y="1.2" width="15.6" height="25.6" rx="5" fill="var(--color-lamp)" />7        <path d="M7 9.6v8.8l6.4-4.4z" fill="#fff" />8      </svg>9      {withName && <span className="font-[family-name:var(--font-display)] text-[1.5rem] font-extrabold leading-none tracking-[-0.04em]">CLIP</span>}10    </span>11  );12}13