// 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 SvgCandy = ({
  color,
  className,
  ...props
}: SVGProps<SVGSVGElement> & {
  color?: Color
}) =>
  React.cloneElement(
    <svg
      width={16}
      height={16}
      viewBox="0 0 18 18"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
    >
      <path
        d="M6.33333 11.6667C7.25381 12.5871 7.25381 14.0795 6.33333 15L5.33333 16L2 12.6667L3 11.6667C3.92047 10.7462 5.41286 10.7462 6.33333 11.6667ZM6.33333 11.6667C4.86057 10.1939 4.86057 7.80607 6.33333 6.33333C7.80607 4.86057 10.1939 4.86057 11.6667 6.33333M6.33333 11.6667C7.80607 13.1394 10.1939 13.1394 11.6667 11.6667C13.1394 10.1939 13.1394 7.80607 11.6667 6.33333M11.6667 6.33333C10.7462 5.41286 10.7462 3.92047 11.6667 3L12.6667 2L16 5.33333L15 6.33333C14.0795 7.25381 12.5871 7.25381 11.6667 6.33333Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
