// 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 SvgCharging = ({
  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.7719 5.5167L7.07015 9.172H10.9298L8.22804 12.8501M16.3332 9C16.3332 4.94992 13.05 1.66667 8.99984 1.66667C4.94976 1.66667 1.6665 4.94992 1.6665 9M2.00244 11.2C2.40763 12.4901 3.15972 13.6265 4.14938 14.5001M6.43343 15.8716C7.23228 16.1701 8.0971 16.3333 9.0001 16.3333C9.9031 16.3333 10.7679 16.1701 11.5668 15.8716M13.8504 14.5001C14.8401 13.6265 15.5922 12.4901 15.9974 11.2"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
