// 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 SvgCellularNetwork4G = ({
  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="M12.0917 12.3713H13.5661V13.8288C13.5661 14.3811 13.1185 14.8288 12.5661 14.8288H10.6341C10.0818 14.8288 9.63413 14.3811 9.63413 13.8288V9.93073C9.63413 9.37846 10.0818 8.93073 10.6341 8.93073H12.5661C13.1185 8.93073 13.5661 9.37846 13.5661 9.93073V10.4053M7.68227 13.3543H2.43392V12.8629L5.87445 8.93079H6.36595V15.1622M10.888 5.53789C10.005 4.91293 9.0224 4.56403 8.018 4.51881C7.016 4.56689 6.03625 4.91715 5.15593 5.54199M2.39746 3.23233C2.87887 2.82393 3.40335 2.46569 3.96306 2.16455C5.20742 1.49509 6.59135 1.12655 8.00387 1.0885C9.4178 1.12705 10.8029 1.49731 12.0476 2.16941C12.6034 2.46955 13.1243 2.82615 13.6025 3.23233"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
