// 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 SvgArrowRotateLeftCircle = ({
  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="M5.66667 7.66666C6.42424 6.83333 7.18182 5.66666 9 5.66666C9.88407 5.66666 10.7319 6.01785 11.357 6.64298C11.9821 7.2681 12.3333 8.11593 12.3333 9C12.3333 9.88406 11.9821 10.7319 11.357 11.357C10.7319 11.9821 9.88407 12.3333 9 12.3333C8.11594 12.3333 7.2681 11.9821 6.64298 11.357C6.17739 10.8915 5.86376 10.3023 5.734 9.66666M5.66667 7.66666V5M5.66667 7.66666L8.33334 7.66666M16.3333 9C16.3333 10.9449 15.5607 12.8102 14.1855 14.1855C12.8102 15.5607 10.9449 16.3333 9.00001 16.3333C7.05509 16.3333 5.18983 15.5607 3.81456 14.1855C2.43929 12.8102 1.66667 10.9449 1.66667 9C1.66667 7.05508 2.43929 5.18982 3.81456 3.81455C5.18983 2.43928 7.05509 1.66666 9.00001 1.66666C10.9449 1.66666 12.8102 2.43928 14.1855 3.81455C15.5607 5.18982 16.3333 7.05508 16.3333 9Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
