export default function LogoIcon({ className = "" }: LogoIconProps) {
  return (
    <div className={`${className}`}>
      <svg
        width="100%"
        height="100%"
        style={{ overflow: "visible" }}
        preserveAspectRatio="none"
        viewBox="0 0 47.98 31.32"
        fill="none"
        xmlns="http://www.w3.org/2000/svg"
      >
        <path
          fillRule="evenodd"
          clipRule="evenodd"
          d="M31.782 0H22.3333L5.5547 16.5209H15.0034L0 31.3239H10.5081L31.2953 9.9641H21.732L31.782 0Z"
          fill="#FFC043"
        />
        <path
          fillRule="evenodd"
          clipRule="evenodd"
          d="M34.5526 0L28.6543 6.07008H42.1116L47.9812 0H34.5526Z"
          fill="white"
        />
        <path
          fillRule="evenodd"
          clipRule="evenodd"
          d="M34.3231 9.96418L28.4248 16.0056H41.8821L47.7231 9.93555H34.3231V9.96418Z"
          fill="white"
        />
        <path
          fillRule="evenodd"
          clipRule="evenodd"
          d="M26.9071 18.2725L21.0088 24.3425H34.466L40.3071 18.2725H26.9071Z"
          fill="white"
        />
      </svg>
    </div>
  )
}

interface LogoIconProps {
  className?: string
}
