// 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 Svg3DRotateYAxis = ({
  color,
  className,
  ...props
}: SVGProps<SVGSVGElement> & {
  color?: Color
}) =>
  React.cloneElement(
    <svg
      width={16}
      height={16}
      viewBox="0 0 18 16"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
    >
      <path
        d="M9.00001 0V16M9.00001 11.6374C13.0501 11.6374 16.3333 10.0088 16.3333 7.99987C16.3333 6.65346 14.8586 5.47791 12.6667 4.84896M6.06642 11.3348C5.24328 11.1564 4.49892 10.9052 3.86642 10.5977M2.2767 6.54557C1.88423 6.99113 1.6665 7.48327 1.6665 8.0006C1.6665 8.51793 1.88423 9.01007 2.2767 9.4556M3.86642 5.40251C4.49892 5.09494 5.24328 4.84376 6.06642 4.66537M14.8665 3.63541L12.6665 4.72668L13.0332 7.27293"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
