export default function Logo({ className = '' }: { className?: string }) {
  return (
    <svg
      viewBox="0 0 64 64"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      className={className}
      aria-label="Safnaturel logosu"
      role="img"
    >
      {/* Diamond / gem shape */}
      <polygon
        points="32,4 58,24 32,60 6,24"
        fill="url(#gemGradient)"
        stroke="white"
        strokeWidth="2"
      />
      <polygon
        points="6,24 32,24 32,60"
        fill="rgba(255,255,255,0.15)"
      />
      <polygon
        points="32,24 58,24 32,60"
        fill="rgba(255,255,255,0.05)"
      />
      <line x1="6" y1="24" x2="58" y2="24" stroke="rgba(255,255,255,0.4)" strokeWidth="1" />
      <line x1="32" y1="4" x2="32" y2="24" stroke="rgba(255,255,255,0.3)" strokeWidth="1" />
      <line x1="32" y1="4" x2="6" y2="24" stroke="rgba(255,255,255,0.2)" strokeWidth="1" />
      <line x1="32" y1="4" x2="58" y2="24" stroke="rgba(255,255,255,0.2)" strokeWidth="1" />
      <defs>
        <linearGradient id="gemGradient" x1="0" y1="0" x2="64" y2="64">
          <stop offset="0%" stopColor="#a78bfa" />
          <stop offset="100%" stopColor="#60a5fa" />
        </linearGradient>
      </defs>
    </svg>
  );
}
