// 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 SvgRotateRight2 = ({
  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="M3.44412 16.551L2.68615 13.7223L5.51491 12.9643M3.26277 13.5678C4.60639 15.2533 6.67716 16.3335 9.00022 16.3335C13.0503 16.3335 16.3335 13.0502 16.3335 9.00015C16.3335 6.23871 14.8072 3.83377 12.5522 2.58293M6.12475 2.25192C7.00767 1.87523 7.97955 1.66675 9.00015 1.66675C9.69348 1.66675 10.3643 1.76297 11.0001 1.94279M2.56974 5.4721C3.17889 4.36417 4.06604 3.43067 5.13724 2.76554M1.69664 9.66675C1.67685 9.44715 1.66675 9.22481 1.66675 9.00008C1.66675 8.12741 1.81917 7.29036 2.09886 6.51408"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
