// 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 SvgRotateLeft4 = ({
  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="M13.5677 3.26261C15.2531 4.60623 16.3333 6.67699 16.3333 9.00001C16.3333 13.0501 13.0501 16.3333 8.99995 16.3333C6.23855 16.3333 3.83361 14.8071 2.58276 12.5521M2.25192 6.12475C1.87523 7.00767 1.66675 7.97955 1.66675 9.00015C1.66675 9.69348 1.76297 10.3643 1.94279 11.0001M5.47193 2.56958C4.36401 3.17873 3.43051 4.06587 2.76538 5.13707M9.66675 1.69664C9.44715 1.67685 9.22481 1.66675 9.00008 1.66675C8.12741 1.66675 7.29036 1.81917 6.51408 2.09886M16.551 3.44477L13.7223 2.68681L12.9643 5.51556"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
