// eslint-disable-next-line @typescript-eslint/ban-ts-comment
//@ts-nocheck
import type { VariantProps } from 'class-variance-authority'
import * as React from 'react'
import type { SVGProps } from 'react'
import { iconVariants } from '../../iconVariants'

type Color = VariantProps<typeof iconVariants>['color'] | undefined

export const SvgLoadingCircle = ({
  color,
  className,
  ...props
}: SVGProps<SVGSVGElement> & {
  color?: Color
}) =>
  React.cloneElement(
    <svg
      width={16}
      height={16}
      viewBox="0 0 18 18"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
    >
      <path
        d="M9.00008 16.3334C7.05516 16.3334 5.1899 15.5608 3.81463 14.1855C2.43937 12.8103 1.66675 10.945 1.66675 9.00008C1.66675 7.05516 2.43937 5.1899 3.81463 3.81463C5.1899 2.43937 7.05516 1.66675 9.00008 1.66675C10.945 1.66675 12.8103 2.43937 14.1855 3.81463C15.5608 5.1899 16.3334 7.05516 16.3334 9.00008M10.3334 16.2111C11.0309 16.0821 11.7045 15.8529 12.3334 15.532M13.3334 14.9162C13.6339 14.6961 13.9189 14.4522 14.1855 14.1855C14.4865 13.8846 14.7586 13.5601 15.0001 13.2165M16.2112 10.3334C16.0822 11.0309 15.853 11.7045 15.5321 12.3334"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
