// 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 SvgWaveSignalCircle = ({
  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="M3.66675 8.99984H5.66675L7.33342 6.33317L10.6667 11.6665L12.3334 8.99984H14.3334M1.66675 8.99984C1.66675 10.9448 2.43937 12.81 3.81463 14.1853C5.1899 15.5606 7.05516 16.3332 9.00008 16.3332C10.945 16.3332 12.8103 15.5606 14.1855 14.1853C15.5608 12.81 16.3334 10.9448 16.3334 8.99984C16.3334 7.05492 15.5608 5.18966 14.1855 3.81439C12.8103 2.43912 10.945 1.6665 9.00008 1.6665C7.05516 1.6665 5.1899 2.43912 3.81463 3.81439C2.43937 5.18966 1.66675 7.05492 1.66675 8.99984Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
