// 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 SvgCandle = ({
  color,
  className,
  ...props
}: SVGProps<SVGSVGElement> & {
  color?: Color
}) =>
  React.cloneElement(
    <svg
      width={16}
      height={16}
      viewBox="0 0 16 17"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
    >
      <path
        d="M2 17V13.6667L14 11V17M8 9.66669V12.3334M8 1.66669H7.91713L5.64297 3.95024C4.34123 5.25736 4.34123 7.37662 5.64297 8.68375C6.94473 9.99089 9.05527 9.99089 10.357 8.68375C11.4305 7.60573 11.6187 5.97531 10.9215 4.70366C10.6119 4.97153 10.2089 5.13347 9.76813 5.13347C8.7918 5.13347 8.0004 4.33875 8.0004 3.35841L8 1.66669Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
