// 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 SvgPhonePersonalHotspot = ({
  color,
  className,
  ...props
}: SVGProps<SVGSVGElement> & {
  color?: Color
}) =>
  React.cloneElement(
    <svg
      width={16}
      height={16}
      viewBox="0 0 16 17"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
    >
      <path
        d="M10.4633 5.81402C11.6982 5.81402 12.6992 4.81296 12.6992 3.57809C12.6992 2.34322 11.6982 1.34216 10.4633 1.34216H8.8372C7.60227 1.34216 6.60124 2.34322 6.60124 3.57809C6.60124 4.11863 6.79307 4.61437 7.11233 5.00096M10.8699 3.57812C9.635 3.57812 8.63393 4.57918 8.63393 5.81406C8.63393 7.04896 9.635 8.04996 10.8699 8.04996H12.496C13.7309 8.04996 14.7319 7.04896 14.7319 5.81406C14.7319 5.3354 14.5815 4.89187 14.3254 4.52816M11.3333 9.99996V15.3333H2V1.99996H4.66667M8.00033 12.6666H5.33366"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
