// 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 SvgRotateLeft3 = ({
  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="M4.43228 14.7375C2.74681 13.3939 1.66665 11.3231 1.66665 9.00008C1.66665 4.94999 4.9499 1.66675 8.99999 1.66675C11.7614 1.66675 14.1663 3.19305 15.4172 5.44805M15.7481 11.8755C16.1247 10.9925 16.3332 10.0207 16.3332 9.00008C16.3332 8.30675 16.237 7.63585 16.0572 7.00008M12.528 15.4305C13.6359 14.8214 14.5694 13.9342 15.2345 12.863M8.33332 16.3037C8.55292 16.3235 8.77525 16.3335 8.99999 16.3335C9.87265 16.3335 10.7097 16.1811 11.486 15.9015M1.44775 14.6647L4.27651 15.4227L5.03447 12.5939"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
