import React from "react";
import { IconType } from "@/types/utils";

const EmptyCheckIcon: IconType = ({ size }) => (
  <svg
    width={size || "22"}
    height={size || "22"}
    viewBox="0 0 22 22"
    fill="none"
    xmlns="http://www.w3.org/2000/svg"
  >
    <g clipPath="url(#clip0_1_1519)">
      <path
        d="M10.9997 20.1667C5.93692 20.1667 1.83301 16.0628 1.83301 11C1.83301 5.93726 5.93692 1.83334 10.9997 1.83334C16.0624 1.83334 20.1663 5.93726 20.1663 11C20.1663 16.0628 16.0624 20.1667 10.9997 20.1667ZM10.9997 18.3333C12.9446 18.3333 14.8099 17.5607 16.1851 16.1855C17.5604 14.8102 18.333 12.9449 18.333 11C18.333 9.05509 17.5604 7.18983 16.1851 5.81456C14.8099 4.43929 12.9446 3.66668 10.9997 3.66668C9.05475 3.66668 7.18949 4.43929 5.81422 5.81456C4.43896 7.18983 3.66634 9.05509 3.66634 11C3.66634 12.9449 4.43896 14.8102 5.81422 16.1855C7.18949 17.5607 9.05475 18.3333 10.9997 18.3333Z"
        fill="currentColor"
      />
    </g>
    <defs>
      <clipPath id="clip0_1_1519">
        <rect width="22" height="22" fill="white" />
      </clipPath>
    </defs>
  </svg>
);

export default EmptyCheckIcon;