// 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 SvgCloudAdd = ({
  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="M8.99984 8.66671V15.3334M12.3332 12H5.6665M3.99984 11.6374C2.62282 11.0054 1.6665 9.61437 1.6665 8.00004C1.6665 5.94225 3.22038 4.24739 5.21878 4.02482C5.76084 2.4583 7.24897 1.33337 8.99984 1.33337C11.209 1.33337 12.9998 3.12423 12.9998 5.33337C14.8408 5.33337 16.3332 6.82577 16.3332 8.66671C16.3332 10.1592 15.3522 11.4227 13.9998 11.8474"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
