// 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 SvgMoonCloud = ({
  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="M9.35601 5.66667C9.34101 5.53748 9.33341 5.40691 9.33341 5.27556C9.33341 4.37619 9.69068 3.51365 10.3266 2.87769C10.7512 2.45313 11.2767 2.15277 11.8468 2C11.7707 2.28385 11.7313 2.57873 11.7313 2.87769C11.7313 3.77707 12.0885 4.63961 12.7245 5.27556C13.3605 5.91152 14.223 6.26879 15.1224 6.26879C15.4213 6.26879 15.7162 6.22932 16.0001 6.15325C15.8473 6.72333 15.5469 7.24887 15.1224 7.67347C14.8872 7.90867 14.621 8.10573 14.3334 8.26073M6.33342 7C3.75609 7 1.66675 9.08933 1.66675 11.6667V15H16.3334V13C16.3334 11.1591 14.841 9.66667 13.0001 9.66667C12.1771 9.66667 11.4238 9.96487 10.8423 10.4592C10.3102 8.46713 8.49315 7 6.33342 7Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
