// 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 Svg3DRotateZAxis = ({
  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="M1.66675 6.33333C3.33341 4.5 5.00008 1.66666 9.00008 1.66666C10.945 1.66666 12.8103 2.43928 14.1855 3.81455C15.5608 5.18982 16.3334 7.05508 16.3334 9C16.3334 10.9449 15.5608 12.8102 14.1855 14.1855C13.8221 14.5489 13.4244 14.8703 13.0001 15.1464M1.66675 6.33333V3.66666M1.66675 6.33333L4.33341 6.33333M6.33341 15.8314C7.17535 16.1601 8.07875 16.3334 9.00008 16.3334C9.92141 16.3334 10.8248 16.1601 11.6667 15.8314M2.4681 12.3333C2.81401 13.0112 3.26645 13.6373 3.81463 14.1855C4.17808 14.5489 4.57575 14.8703 5.00008 15.1464M1.66676 9C1.66676 9.6824 1.76187 10.3549 1.94474 11M6.66675 9C6.66675 9.30641 6.7271 9.60983 6.84436 9.89293C6.96162 10.176 7.1335 10.4332 7.35017 10.6499C7.56684 10.8666 7.82406 11.0385 8.10715 11.1557C8.39025 11.273 8.69366 11.3333 9.00008 11.3333C9.3065 11.3333 9.60992 11.273 9.89301 11.1557C10.1761 11.0385 10.4333 10.8666 10.65 10.6499C10.8667 10.4332 11.0385 10.176 11.1558 9.89293C11.2731 9.60983 11.3334 9.30641 11.3334 9C11.3334 8.69358 11.2731 8.39016 11.1558 8.10707C11.0385 7.82398 10.8667 7.56675 10.65 7.35008C10.4333 7.13341 10.1761 6.96154 9.89301 6.84428C9.60992 6.72702 9.3065 6.66666 9.00008 6.66666C8.69366 6.66666 8.39025 6.72702 8.10715 6.84428C7.82406 6.96154 7.56684 7.13341 7.35017 7.35008C7.1335 7.56675 6.96162 7.82398 6.84436 8.10707C6.7271 8.39016 6.66675 8.69358 6.66675 9Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
