// 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 SvgPopcorn = ({
  color,
  className,
  ...props
}: SVGProps<SVGSVGElement> & {
  color?: Color
}) =>
  React.cloneElement(
    <svg
      width={16}
      height={16}
      viewBox="0 0 16 18"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
    >
      <path
        d="M6.33333 8.33335V16.3334M9.66667 8.33335V16.3334M4 16.3334H12L13 8.33335H3L4 16.3334ZM12 8.33335H4C2.89543 8.33335 2 7.43792 2 6.33335C2 5.46137 2.55803 4.71973 3.33645 4.44605C3.33438 4.40875 3.33333 4.37117 3.33333 4.33335C3.33333 3.22879 4.22877 2.33335 5.33333 2.33335C5.68977 2.33335 6.02443 2.42659 6.31425 2.59001C6.6696 2.03475 7.2918 1.66669 8 1.66669C8.7082 1.66669 9.3304 2.03475 9.68573 2.59001C9.9756 2.42659 10.3102 2.33335 10.6667 2.33335C11.7713 2.33335 12.6667 3.22879 12.6667 4.33335C12.6667 4.37117 12.6656 4.40875 12.6635 4.44606C13.442 4.71973 14 5.46137 14 6.33335C14 7.43792 13.1046 8.33335 12 8.33335Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
