// 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 SvgRotateLeft = ({
  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="M1.66675 6.33341C3.33341 4.50008 5.00008 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.00008C16.3334 10.945 15.5608 12.8103 14.1855 14.1855C13.8221 14.549 13.4244 14.8703 13.0001 15.1465M1.66675 6.33341V3.66675M1.66675 6.33341L4.33341 6.33342M1.66676 9.00008C1.66676 9.68248 1.76187 10.355 1.94474 11.0001M2.4681 12.3334C2.81401 13.0113 3.26645 13.6373 3.81463 14.1855C4.17808 14.549 4.57575 14.8703 5.00008 15.1465M6.33341 15.8315C7.17535 16.1601 8.07875 16.3335 9.00008 16.3335C9.92141 16.3335 10.8248 16.1601 11.6667 15.8315"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
