// 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 SvgCloudRemove = ({
  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="M12.3332 15H5.6665M1.6665 8.00004C1.6665 10.2092 3.45736 12 5.6665 12H12.9998C14.8408 12 16.3332 10.5076 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.00004Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
