// 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 SvgDashboardGauge = ({
  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.00008 11.6667L11.6667 7.00002M15.8314 11.6667C15.4662 12.6022 14.9093 13.4617 14.1855 14.1855C12.8103 15.5608 10.945 16.3334 9.00008 16.3334C7.05516 16.3334 5.1899 15.5608 3.81463 14.1855C3.09082 13.4617 2.53395 12.6022 2.16878 11.6667M15.8314 11.6667C16.1601 10.8248 16.3334 9.92135 16.3334 9.00002C16.3334 7.0551 15.5608 5.18984 14.1855 3.81457C12.8103 2.43931 10.945 1.66669 9.00008 1.66669C7.05516 1.66669 5.1899 2.43931 3.81463 3.81457C2.43937 5.18984 1.66675 7.0551 1.66675 9.00002C1.66675 9.92135 1.84011 10.8248 2.16878 11.6667M15.8314 11.6667H2.16878"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
