// 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 SvgWaxingCresentMoon = ({
  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="M13.1854 14.1853C14.5607 12.81 15.3333 10.9448 15.3333 8.99984C15.3333 7.05492 14.5607 5.18966 13.1854 3.81439C11.8101 2.43912 9.94485 1.6665 7.99992 1.6665C6.70152 1.6665 5.43858 2.01085 4.33325 2.64896C4.88361 2.96669 5.39489 3.35724 5.85204 3.81439C7.22732 5.18966 7.99992 7.05492 7.99992 8.99984C7.99992 10.9448 7.22732 12.81 5.85204 14.1853C5.39489 14.6424 4.88361 15.033 4.33325 15.3507C5.43858 15.9888 6.70152 16.3332 7.99992 16.3332C9.94485 16.3332 11.8101 15.5606 13.1854 14.1853Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
