// 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 SvgMoonStars = ({
  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="M7.77075 16.3334C6.15185 16.3334 4.59928 15.6903 3.45456 14.5456C2.30985 13.4009 1.66675 11.8483 1.66675 10.2294C1.66675 8.61055 2.30985 7.05798 3.45456 5.91325C4.21877 5.14905 5.16476 4.6084 6.1909 4.33341C6.05398 4.84434 5.98292 5.37513 5.98292 5.91325C5.98292 7.53214 6.62601 9.08468 7.77075 10.2294C8.91548 11.3741 10.468 12.0172 12.0869 12.0172C12.625 12.0172 13.1558 11.9462 13.6667 11.8093C13.3917 12.8354 12.8511 13.7814 12.0869 14.5456C10.9422 15.6903 9.38961 16.3334 7.77075 16.3334Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
      <path
        d="M10.6667 2.66675L10.3539 3.35392L9.66675 3.66678L10.3539 3.97957L10.6667 4.66675L10.9796 3.97957L11.6667 3.66678L10.9796 3.35392L10.6667 2.66675Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
      <path
        d="M14.3334 6.33342L14.0205 7.02059L13.3334 7.33345L14.0205 7.64624L14.3334 8.33342L14.6463 7.64624L15.3334 7.33345L14.6463 7.02059L14.3334 6.33342Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
