export function Logo({ className = "h-7 w-7" }: { className?: string }) {
  return (
    <svg viewBox="0 0 64 64" className={className} aria-hidden="true">
      <defs>
        <linearGradient id="spb-g" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stopColor="var(--accent)" /><stop offset="1" stopColor="var(--accent-2)" /></linearGradient>
      </defs>
      <rect x="4" y="4" width="56" height="56" rx="16" fill="url(#spb-g)" opacity="0.18" />
      <rect x="4" y="4" width="56" height="56" rx="16" fill="none" stroke="url(#spb-g)" strokeWidth="2" />
      <path d="M20 40c0-6 5-9 12-9s12-3 12-9" fill="none" stroke="url(#spb-g)" strokeWidth="4" strokeLinecap="round" />
      <circle cx="20" cy="40" r="4" fill="var(--accent)" />
      <circle cx="44" cy="22" r="4" fill="var(--accent-2)" />
    </svg>
  );
}