export default function CheckmarkIcon({ className = "" }: CheckmarkIconProps) {
  return (
    <div className={`${className}`}>
      <svg
        width="100%"
        height="100%"
        style={{ overflow: "visible" }}
        preserveAspectRatio="none"
        viewBox="0 0 10.67 10.67"
        fill="none"
        xmlns="http://www.w3.org/2000/svg"
      >
        <g clipPath="url(#clip0_130_1924)">
          <path
            d="M9.70364 1.7041L4.37029 7.03627L2.2971 4.96373L0.666992 6.59381L4.37032 10.2966L11.3337 3.33421L9.70364 1.7041Z"
            fill="#2A2A2A"
          />
        </g>
        <defs>
          <clipPath id="clip0_130_1924">
            <rect
              width="10.6667"
              height="10.6667"
              fill="white"
              transform="translate(0.666992 0.666992)"
            />
          </clipPath>
        </defs>
      </svg>
    </div>
  )
}

interface CheckmarkIconProps {
  className?: string
}
