// 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 SvgInsertCloudLink = ({
  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="M3.6665 11.4649C2.4709 10.7733 1.6665 9.48057 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.0336 15.5104 11.2083 14.3332 11.7227M9.99984 13.3334L9.28784 14.0454C8.88997 14.4432 8.35044 14.6667 7.78784 14.6667C6.61625 14.6667 5.6665 13.717 5.6665 12.5454C5.6665 11.9828 5.89 11.4432 6.28782 11.0454L6.99984 10.3334M7.99984 9.33337L8.71184 8.62137C9.1097 8.22351 9.64924 8.00004 10.2118 8.00004C11.3834 8.00004 12.3332 8.94977 12.3332 10.1214C12.3332 10.684 12.1097 11.2235 11.7118 11.6214L10.9998 12.3334M10.3332 10L7.6665 12.6667"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
