export const ArrowIcon = ({className}: {className?: string}) => {
  return (
    <svg
      width="10"
      height="10"
      viewBox="0 0 10 10"
      fill="none"
      className={className}
      xmlns="http://www.w3.org/2000/svg"
    >
      <g clip-path="url(#clip0_61_133)">
        <path
          d="M3.30432 1.71807L8.28174 1.71826"
          stroke="currentColor"
          stroke-opacity="0.75"
          stroke-width="2"
          stroke-miterlimit="10"
          stroke-linecap="square"
        />
        <path
          d="M8.28175 1.7183L8.28198 6.6958"
          stroke="currentColor"
          stroke-opacity="0.75"
          stroke-width="2"
          stroke-miterlimit="10"
          stroke-linecap="square"
        />
        <path
          d="M8.28149 1.71834L1.25024 8.74951"
          stroke="currentColor"
          stroke-opacity="0.75"
          stroke-width="2"
          stroke-miterlimit="10"
        />
      </g>
      <defs>
        <clipPath id="clip0_61_133">
          <rect
            width="10"
            height="10"
            fill="currentColor"
            transform="translate(10.0007 9.99951) rotate(-180)"
          />
        </clipPath>
      </defs>
    </svg>
  )
}
