// 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 SvgCloudOff = ({
  color,
  className,
  ...props
}: SVGProps<SVGSVGElement> & {
  color?: Color
}) =>
  React.cloneElement(
    <svg
      width={16}
      height={16}
      viewBox="0 0 18 18"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
    >
      <path
        d="M5.58398 5.58414C6.28657 4.43417 7.55356 3.66663 8.99984 3.66663C11.209 3.66663 12.9998 5.45749 12.9998 7.66663C14.8408 7.66663 16.3332 9.15903 16.3332 11C16.3332 12.4424 15.417 13.6708 14.1349 14.135M11.6665 14.3333H5.6665C3.45736 14.3333 1.6665 12.5424 1.6665 10.3333C1.6665 8.71896 2.62282 7.32801 3.99984 6.69601M1.47119 1.47131L16.5285 16.5286"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
