// 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 SvgCloudWifi = ({
  color,
  className,
  ...props
}: SVGProps<SVGSVGElement> & {
  color?: Color
}) =>
  React.cloneElement(
    <svg
      width={16}
      height={16}
      viewBox="0 0 16 18"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
    >
      <path
        d="M14.5998 4.40029C12.9108 2.71129 10.5775 1.66663 8.00016 1.66663C5.42281 1.66663 3.08948 2.71129 1.40047 4.40029M12.7142 6.28591C11.5077 5.07949 9.84103 4.33329 8.0001 4.33329C6.15915 4.33329 4.49248 5.07949 3.28605 6.28591M1.3335 12.8333C1.3335 14.7663 2.96155 16.3333 4.96986 16.3333H11.6365C13.3101 16.3333 14.6668 15.0274 14.6668 13.4166C14.6668 11.8058 13.3101 10.5 11.6365 10.5C11.6365 8.56696 10.0085 6.99996 8.00016 6.99996C6.40846 6.99996 5.05562 7.98429 4.56284 9.35496C2.74611 9.54976 1.3335 11.0328 1.3335 12.8333Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
