const LogoIcon = ({ className }: { className?: string }) => {
  return (
    <svg
      width="23"
      height="9"
      viewBox="0 0 23 9"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      className={className}
    >
      <mask
        id="mask0_1282_10118"
        maskUnits="userSpaceOnUse"
        x="0"
        y="0"
        width="23"
        height="9"
      >
        <path
          d="M14.7546 0.437683C11.7415 1.27804 8.67347 2.2175 5.66041 3.10512L5.42503 2.96479C6.40858 1.94655 7.14358 0.779174 7.78389 0.779174L9.20213 0.777892L9.51489 0.4375H4.90503L4.59263 0.777892H5.59151C5.76989 0.777892 5.93619 0.874074 5.8314 0.998835C4.1675 2.97432 3.0557 4.18364 0.632812 6.56767H2.11544C2.11544 6.56767 3.834 4.59219 4.75153 3.69632C10.6308 7.43679 16.4066 9.9256 22.8326 7.88069L22.9796 7.72093C16.8418 9.21129 12.2873 7.25743 6.20115 3.4283C9.8915 2.01543 13.1187 1.27785 16.5341 0.4375H14.7546V0.437683Z"
          fill="white"
        />
      </mask>
      <g mask="url(#mask0_1282_10118)">
        <path
          d="M22.9796 0.4375H0.632812V9.9256H22.9796V0.4375Z"
          fill="#00121A"
        />
      </g>
    </svg>
  );
};

export { LogoIcon };