// 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 SvgCloudDownload = ({
  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.6665 11.6667L8.99984 14.3334M8.99984 14.3334L6.33317 11.6667M8.99984 14.3334L8.99984 7.66671M13.3332 11.9836C15.0176 11.8163 16.3332 10.3952 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.86391 2.94128 11.43 4.6665 11.874"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
