export function Logo({ size = 36 }: { size?: number }) {
  return (
    <svg width={size} height={size} viewBox="0 0 100 100" fill="none" aria-hidden>
      <rect x="6" y="6" width="88" height="88" rx="22" fill="url(#lg)" stroke="#d4af37" strokeWidth="3" />
      <text
        x="50"
        y="62"
        textAnchor="middle"
        fontSize="46"
        fontWeight="900"
        fill="#d4af37"
        fontFamily="Vazirmatn Variable, sans-serif"
      >
        و
      </text>
      <defs>
        <linearGradient id="lg" x1="0" y1="0" x2="100" y2="100" gradientUnits="userSpaceOnUse">
          <stop stopColor="#111a33" />
          <stop offset="1" stopColor="#070b18" />
        </linearGradient>
      </defs>
    </svg>
  );
}
