// 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 SvgRotateRight4 = ({
  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 3.26261C2.74681 4.60623 1.66665 6.67699 1.66665 9.00001C1.66665 13.0501 4.9499 16.3333 8.99999 16.3333C11.7614 16.3333 14.1663 14.8071 15.4172 12.5521M15.7481 6.12475C16.1247 7.00767 16.3332 7.97955 16.3332 9.00015C16.3332 9.69348 16.237 10.3643 16.0572 11.0001M12.528 2.56958C13.6359 3.17873 14.5694 4.06587 15.2345 5.13707M8.33332 1.69664C8.55292 1.67685 8.77525 1.66675 8.99999 1.66675C9.87265 1.66675 10.7097 1.81917 11.486 2.09886M1.44775 3.44477L4.27651 2.68681L5.03447 5.51556"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
