// 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 SvgWaningCresentMoon = ({
  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.2985 1.6665 11.5614 2.01085 12.6667 2.64896C12.1164 2.96669 11.6051 3.35724 11.1479 3.81439C9.77268 5.18966 9.00008 7.05492 9.00008 8.99984C9.00008 10.9448 9.77268 12.81 11.1479 14.1853C11.6051 14.6424 12.1164 15.033 12.6667 15.3507C11.5614 15.9888 10.2985 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,
    },
  )
