// 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 SvgAngledMoon = ({
  color,
  className,
  ...props
}: SVGProps<SVGSVGElement> & {
  color?: Color
}) =>
  React.cloneElement(
    <svg
      width={16}
      height={16}
      viewBox="0 0 16 16"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
    >
      <path
        d="M14.9189 9.42353C14.4343 9.52967 13.9309 9.5856 13.4144 9.5856C9.5484 9.5856 6.41439 6.45162 6.41439 2.58563C6.41439 2.06913 6.47033 1.56569 6.57648 1.08105C3.43359 1.76944 1.08105 4.56947 1.08105 7.91893C1.08105 11.7849 4.21506 14.9189 8.08107 14.9189C11.4305 14.9189 14.2306 12.5664 14.9189 9.42353Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
