// 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 SvgPersonalHotspot = ({
  color,
  className,
  ...props
}: SVGProps<SVGSVGElement> & {
  color?: Color
}) =>
  React.cloneElement(
    <svg
      width={16}
      height={16}
      viewBox="0 0 16 16"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
    >
      <path
        d="M6.66683 10H7.66683C9.6919 10 11.3335 8.35842 11.3335 6.33335C11.3335 4.30831 9.6919 2.66669 7.66683 2.66669H5.00016C2.97512 2.66669 1.3335 4.30831 1.3335 6.33335C1.3335 7.47195 1.8525 8.48935 2.66683 9.16189M9.3335 6.33335H8.3335C6.30845 6.33335 4.66683 7.97495 4.66683 10C4.66683 12.0251 6.30845 13.6667 8.3335 13.6667H11.0002C13.0252 13.6667 14.6668 12.0251 14.6668 10C14.6668 8.86142 14.1478 7.84402 13.3335 7.17149"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
