// 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 Svg3DRotateXAxis = ({
  color,
  className,
  ...props
}: SVGProps<SVGSVGElement> & {
  color?: Color
}) =>
  React.cloneElement(
    <svg
      width={16}
      height={16}
      viewBox="0 0 16 18"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
    >
      <path
        d="M0 9H16M11.6367 9C11.6367 4.94991 10.0082 1.66666 7.9992 1.66666C6.65281 1.66666 5.47725 3.14139 4.84831 5.33333M3.63477 3.13346L4.72603 5.33346L7.27233 4.9668M11.3341 11.9333C11.1557 12.7564 10.9046 13.5007 10.597 14.1333M6.54492 15.723C6.99047 16.1155 7.4826 16.3332 7.99993 16.3332C8.51727 16.3332 9.0094 16.1155 9.45493 15.723M5.40185 14.1333C5.09429 13.5007 4.84311 12.7564 4.66471 11.9333"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
