// 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 SvgCloudShare = ({
  color,
  className,
  ...props
}: SVGProps<SVGSVGElement> & {
  color?: Color
}) =>
  React.cloneElement(
    <svg
      width={16}
      height={16}
      viewBox="0 0 18 17"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
    >
      <path
        d="M13.6665 11.9334C15.188 11.6245 16.3332 10.2794 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.19471 2.19026 10.2671 3.02068 11M7.52596 11.0702L9.80684 9.92957M7.52596 12.2632L9.80704 13.4036M4.99984 11.6667C4.99984 12.4031 5.59679 13 6.33317 13C7.06734 13 7.6665 12.388 7.6665 11.6667C7.6665 10.9472 7.06648 10.3334 6.33317 10.3334C5.59679 10.3334 4.99984 10.9303 4.99984 11.6667ZM10.9998 8.00004C10.2634 8.00004 9.6665 8.59697 9.6665 9.33337C9.6665 10.0698 10.2634 10.6667 10.9998 10.6667C11.734 10.6667 12.3332 10.0546 12.3332 9.33337C12.3332 8.61391 11.7332 8.00004 10.9998 8.00004ZM9.6665 14C9.6665 14.7364 10.2634 15.3334 10.9998 15.3334C11.734 15.3334 12.3332 14.7213 12.3332 14C12.3332 13.2806 11.7332 12.6667 10.9998 12.6667C10.2634 12.6667 9.6665 13.2636 9.6665 14Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
