// 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 SvgCloudBlock = ({
  color,
  className,
  ...props
}: SVGProps<SVGSVGElement> & {
  color?: Color
}) =>
  React.cloneElement(
    <svg
      width={16}
      height={16}
      viewBox="0 0 18 16"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
    >
      <path
        d="M11.1212 13.788L6.8785 9.54537M13.9998 11.8474C15.3522 11.4227 16.3332 10.1592 16.3332 8.66671C16.3332 6.82577 14.8408 5.33337 12.9998 5.33337C12.9998 3.12423 11.209 1.33337 8.99984 1.33337C7.24897 1.33337 5.76084 2.4583 5.21878 4.02482C3.22038 4.24739 1.6665 5.94225 1.6665 8.00004C1.6665 9.61437 2.62282 11.0054 3.99984 11.6374M11.9998 11.6667C11.9998 13.3236 10.6567 14.6667 8.99984 14.6667C7.34298 14.6667 5.99984 13.3236 5.99984 11.6667C5.99984 10.0098 7.34298 8.66671 8.99984 8.66671C10.6567 8.66671 11.9998 10.0098 11.9998 11.6667Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
