export default function TechTanLogo({ className = '' }: { className?: string }) {
  return (
    <svg
      viewBox="0 0 120 40"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      className={className}
      aria-label="TechTan"
    >
      {/* Orange flame/bolt icon */}
      <path
        d="M12 4 L8 16 L13 14 L10 26 L20 12 L15 14 Z"
        fill="#F97316"
        stroke="#EA580C"
        strokeWidth="0.5"
      />
      {/* TechTan wordmark */}
      <text
        x="26"
        y="20"
        fontFamily="Georgia, serif"
        fontSize="13"
        fontWeight="700"
        fill="#111827"
        letterSpacing="0.5"
      >
        Tech
      </text>
      <text
        x="60"
        y="20"
        fontFamily="Georgia, serif"
        fontSize="13"
        fontWeight="700"
        fill="#F97316"
        letterSpacing="0.5"
      >
        Tan
      </text>
      {/* tagline */}
      <text
        x="26"
        y="29"
        fontFamily="Arial, sans-serif"
        fontSize="5"
        fill="#9CA3AF"
        letterSpacing="1.5"
      >
        EMPOWERING TALENTS
      </text>
    </svg>
  );
}