// 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 Svg3DRotate = ({
  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.14648 1.66796C7.24577 3.53129 6.06649 6.12786 6.06649 8.99986C6.06649 11.8719 7.24577 14.4685 9.14648 16.3317M16.089 7.11458C14.0724 9.6066 10.9891 11.1999 7.53364 11.1999C5.38441 11.1999 3.37915 10.5835 1.68497 9.51786M9.00008 1.66666C4.94999 1.66666 1.66675 4.94991 1.66675 9C1.66675 13.0501 4.94999 16.3333 9.00008 16.3333C13.0501 16.3333 16.3334 13.0501 16.3334 9C16.3334 4.94991 13.0501 1.66666 9.00008 1.66666Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
