// 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 SvgRotateRight3 = ({
  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 14.7375C15.2531 13.3939 16.3333 11.3231 16.3333 9.00008C16.3333 4.94999 13.0501 1.66675 8.99995 1.66675C6.23855 1.66675 3.83361 3.19305 2.58276 5.44805M2.25192 11.8755C1.87523 10.9925 1.66675 10.0207 1.66675 9.00008C1.66675 8.30675 1.76297 7.63585 1.94279 7.00008M5.47194 15.4305C4.36401 14.8214 3.43051 13.9342 2.76538 12.863M9.66675 16.3037C9.44715 16.3235 9.22481 16.3335 9.00008 16.3335C8.12741 16.3335 7.29036 16.1811 6.51408 15.9015M16.551 14.6646L13.7222 15.4225L12.9643 12.5938"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
