// 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 SvgCloudGlobe = ({
  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="M9.61917 8.99996L11.6665 11.0473V15.8334M6.99984 16.0572V13.6666C6.99984 12.562 6.1044 11.6666 4.99984 11.6666H2.16642M8.99984 16.3333C13.0499 16.3333 16.3332 13.05 16.3332 8.99996H1.6665C1.6665 13.05 4.94975 16.3333 8.99984 16.3333ZM5.6665 4.58329C5.6665 5.54979 6.48053 6.33329 7.48468 6.33329H10.818C11.6548 6.33329 12.3332 5.68037 12.3332 4.87496C12.3332 4.06955 11.6548 3.41663 10.818 3.41663C10.818 2.45013 10.004 1.66663 8.99984 1.66663C8.20397 1.66663 7.52756 2.15878 7.28118 2.84413C6.37281 2.94151 5.6665 3.68301 5.6665 4.58329Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
