// 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 SvgArrowRotateRight4 = ({
  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="M9.00002 16.3333C7.0551 16.3333 5.18984 15.5607 3.81457 14.1855C2.43931 12.8102 1.66669 10.9449 1.66669 8.99999C1.66669 7.05507 2.4393 5.18981 3.81457 3.81454C5.18984 2.43928 7.0551 1.66666 9.00002 1.66666C10.945 1.66666 12.8102 2.43928 14.1855 3.81454C15.5608 5.18981 16.3334 7.05507 16.3334 8.99999C16.3334 13 13.6667 14.6667 11.6667 16M11.6667 16V16.3333H15.6667M11.6667 16V12.3333"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
