// 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 SvgCupcake = ({
  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="M2.04991 8.25001L3.33325 14.6667H12.6666L13.9499 8.25001M6.58325 14.6667L5.54054 9.12728M9.41658 14.6667L10.4593 9.12728M4.63449 8.23541C4.28472 8.52234 3.83015 8.69568 3.33325 8.69568C2.22869 8.69568 1.33325 7.83914 1.33325 6.78261C1.33325 5.72606 2.22869 4.86956 3.33325 4.86956C3.36084 4.86956 3.38829 4.8701 3.41561 4.87116C3.87021 2.84902 5.75001 1.33334 7.99992 1.33334C10.2499 1.33334 12.1297 2.84902 12.5843 4.87116C12.6115 4.8701 12.639 4.86956 12.6666 4.86956C13.7712 4.86956 14.6666 5.72606 14.6666 6.78261C14.6666 7.83914 13.7712 8.69568 12.6666 8.69568C12.1697 8.69568 11.7151 8.52234 11.3653 8.23541C11.0454 8.88428 10.3553 9.33334 9.55545 9.33334C8.92718 9.33334 8.36658 9.05621 7.99992 8.62281C7.63325 9.05621 7.07265 9.33334 6.44436 9.33334C5.64459 9.33334 4.95446 8.88434 4.63449 8.23541Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
