// 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 Svg3DScale = ({
  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.00008 5C10.1047 5 11.0001 4.10457 11.0001 3C11.0001 1.89543 10.1047 1 9.00008 1C7.89548 1 7.00008 1.89543 7.00008 3C7.00008 4.10457 7.89548 5 9.00008 5ZM9.00008 5L8.99941 10M8.99941 10L5.50008 11.9113M8.99941 10L12.5003 11.9113M5.66675 13C5.66675 14.1046 4.77131 15 3.66675 15C2.56218 15 1.66675 14.1046 1.66675 13C1.66675 11.8954 2.56218 11 3.66675 11C4.77131 11 5.66675 11.8954 5.66675 13ZM16.3334 13C16.3334 14.1046 15.438 15 14.3334 15C13.2288 15 12.3334 14.1046 12.3334 13C12.3334 11.8954 13.2288 11 14.3334 11C15.438 11 16.3334 11.8954 16.3334 13Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
