// 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 SvgDashboardGaugeMedium2 = ({
  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 12.6667V7.33335M3.81463 4.81457C2.43936 6.18984 1.66675 8.05509 1.66675 10C1.66675 10.9214 1.84011 11.8248 2.16878 12.6667H15.8314C16.1601 11.8248 16.3334 10.9214 16.3334 10C16.3334 8.05509 15.5608 6.18984 14.1855 4.81457C12.8103 3.43931 10.945 2.66669 9.00008 2.66669C7.05516 2.66669 5.1899 3.43931 3.81463 4.81457Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
