// 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 SvgLaptopPersonalHotspot = ({
  color,
  className,
  ...props
}: SVGProps<SVGSVGElement> & {
  color?: Color
}) =>
  React.cloneElement(
    <svg
      width={16}
      height={16}
      viewBox="0 0 17 17"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
    >
      <path
        d="M11.8168 5.36665C12.9306 5.36665 13.8335 4.46375 13.8335 3.34998C13.8335 2.23621 12.9306 1.33331 11.8168 1.33331H10.3502C9.23636 1.33331 8.33349 2.23621 8.33349 3.34998C8.33349 3.83751 8.50649 4.28463 8.79443 4.63331M12.1835 3.35024C11.0697 3.35024 10.1668 4.25313 10.1668 5.36691C10.1668 6.48068 11.0697 7.38358 12.1835 7.38358H13.6502C14.764 7.38358 15.6668 6.48068 15.6668 5.36691C15.6668 4.93519 15.5312 4.53516 15.3002 4.20711M3.28109 9.99998V2.66665H6.38497M3.28109 9.99998L1.94775 15.3333H15.2811L13.9478 9.99998H3.28109ZM7.11442 13H10.1144"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
