// 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 SvgRotateLeft2 = ({
  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="M14.5559 16.551L15.3139 13.7222L12.4851 12.9643M14.7375 13.5678C13.3939 15.2533 11.3231 16.3335 9.00008 16.3335C4.94999 16.3335 1.66675 13.0502 1.66675 9.00015C1.66675 6.23871 3.19305 3.83377 5.44805 2.58293M11.8755 2.25192C10.9925 1.87523 10.0207 1.66675 9.00008 1.66675C8.30675 1.66675 7.63585 1.76297 7.00008 1.94279M15.4305 5.4721C14.8214 4.36417 13.9342 3.43067 12.863 2.76554M16.3037 9.66675C16.3235 9.44715 16.3335 9.22481 16.3335 9.00008C16.3335 8.12741 16.1811 7.29036 15.9015 6.51408"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
