// 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 SvgWaningGibbousMoon = ({
  color,
  className,
  ...props
}: SVGProps<SVGSVGElement> & {
  color?: Color
}) =>
  React.cloneElement(
    <svg
      width={16}
      height={16}
      viewBox="0 0 17 18"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
    >
      <path
        d="M3.81463 14.1853C2.43937 12.81 1.66675 10.9448 1.66675 8.99984C1.66675 7.05492 2.43937 5.18966 3.81463 3.81439C5.1899 2.43912 7.05516 1.6665 9.00008 1.6665C10.431 1.6665 11.8188 2.08471 13.0001 2.85344V15.1462C11.8188 15.915 10.431 16.3332 9.00008 16.3332C7.05516 16.3332 5.1899 15.5606 3.81463 14.1853Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
