// 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 SvgArrowRotateRightCircle = ({
  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="M12.3334 7.66667C11.5758 6.83334 10.8182 5.66667 9.00002 5.66667C8.11595 5.66667 7.26812 6.01786 6.643 6.64298C6.01787 7.2681 5.66669 8.11594 5.66669 9C5.66669 9.88407 6.01787 10.7319 6.643 11.357C7.26812 11.9821 8.11595 12.3333 9.00002 12.3333C9.88409 12.3333 10.732 11.9821 11.357 11.357C11.8226 10.8915 12.1363 10.3023 12.266 9.66667M12.3334 7.66667L12.3334 5.00001M12.3334 7.66667L9.66669 7.66667M1.66669 9.00001C1.66669 10.9449 2.43931 12.8102 3.81457 14.1855C5.18984 15.5607 7.0551 16.3333 9.00002 16.3333C10.945 16.3333 12.8102 15.5607 14.1855 14.1855C15.5608 12.8102 16.3334 10.9449 16.3334 9.00001C16.3334 7.05509 15.5608 5.18983 14.1855 3.81456C12.8102 2.43929 10.945 1.66667 9.00002 1.66667C7.0551 1.66667 5.18984 2.43929 3.81457 3.81456C2.43931 5.18983 1.66669 7.05509 1.66669 9.00001Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
