// 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 SvgDesktopPersonalHotspot = ({
  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="M5.3335 2.66668H1.3335V12H14.6668V9.00002M8.00016 12V14.6667M4.66683 14.6667H11.3335M10.4635 5.81408C11.6984 5.81408 12.6994 4.81302 12.6994 3.57815C12.6994 2.34328 11.6984 1.34222 10.4635 1.34222H8.83736C7.60243 1.34222 6.6014 2.34328 6.6014 3.57815C6.6014 4.11869 6.79323 4.61443 7.1125 5.00102M10.87 3.57818C9.63516 3.57818 8.6341 4.57924 8.6341 5.81412C8.6341 7.04902 9.63516 8.05002 10.87 8.05002H12.4962C13.731 8.05002 14.7321 7.04902 14.7321 5.81412C14.7321 5.33546 14.5817 4.89193 14.3256 4.52822"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
