// 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 SvgRotateRight = ({
  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="M16.3334 6.33341C14.6667 4.50008 13.0001 1.66675 9.00008 1.66675C7.05516 1.66675 5.1899 2.43937 3.81463 3.81463C2.43937 5.1899 1.66675 7.05516 1.66675 9.00008C1.66675 10.945 2.43937 12.8103 3.81463 14.1855C4.17808 14.549 4.57576 14.8703 5.00008 15.1465M16.3334 6.33341V3.66675M16.3334 6.33341L13.6667 6.33342M16.3334 9.00008C16.3334 9.68248 16.2383 10.355 16.0554 11.0001M15.5321 12.3334C15.1861 13.0113 14.7337 13.6373 14.1855 14.1855C13.8221 14.549 13.4244 14.8703 13.0001 15.1465M11.6667 15.8315C10.8248 16.1601 9.92141 16.3335 9.00008 16.3335C8.07875 16.3335 7.17535 16.1601 6.33341 15.8315"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
