type LoadingIconProps = {
  className?: string;
};

const LoadingIcon = ({ className }: LoadingIconProps) => {
  return (
    <img
      src="/images/circle.png"
      alt=""
      className={`${className ? className : ""}`}
    />
    // <svg
    //   className={`${className ? className : "bg-white"}`}
    //   xmlns="http://www.w3.org/2000/svg"
    //   width="64"
    //   height="64"
    //   viewBox="0 0 64 64"
    //   fill="none"
    // >
    //   <g opacity="0.7">
    //     <path
    //       d="M52.1595 32C52.8077 32 53.3365 31.474 53.3009 30.8267C53.046 26.1969 51.288 21.7639 48.2769 18.2098C45.0124 14.3565 40.4867 11.7863 35.505 10.9566C30.5234 10.1268 25.4089 11.0912 21.0715 13.6783C16.7342 16.2654 13.4553 20.3073 11.8183 25.0849C10.1813 29.8625 10.2923 35.066 12.1316 39.7694C13.9709 44.4729 17.4191 48.3713 21.8628 50.771C26.3066 53.1708 31.4575 53.9162 36.3992 52.8747C40.9572 51.9141 45.0645 49.4908 48.1052 45.9903C48.5303 45.5009 48.4352 44.7611 47.9232 44.3635C47.4112 43.966 46.6765 44.0616 46.2481 44.548C43.5506 47.6111 39.9293 49.7318 35.9152 50.5778C31.5172 51.5047 26.933 50.8413 22.9783 48.7056C19.0235 46.5699 15.9547 43.1004 14.3178 38.9145C12.6809 34.7286 12.5821 30.0977 14.039 25.8458C15.4959 21.5939 18.414 17.9967 22.274 15.6943C26.1341 13.3919 30.6858 12.5336 35.1193 13.272C39.5528 14.0105 43.5806 16.2979 46.4859 19.7272C49.1377 22.8572 50.6974 26.7532 50.9495 30.8269C50.9896 31.4739 51.5113 32 52.1595 32Z"
    //       fill="url(#paint0_angular_79_1014)"
    //     />
    //   </g>
    //   <defs>
    //     <radialGradient
    //       id="paint0_angular_79_1014"
    //       cx="0"
    //       cy="0"
    //       r="1"
    //       gradientUnits="userSpaceOnUse"
    //       gradientTransform="translate(31.9998 32) rotate(45) scale(21.1189)"
    //     >
    //       <stop offset="0.874517" stopColor="#050409" />
    //       <stop offset="0.982613" stopColor="#050409" stopOpacity="0" />
    //     </radialGradient>
    //   </defs>
    // </svg>
  );
};

export default LoadingIcon;