// 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 SvgPartyHat = ({
  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="M7.07304 5.43947L2.33337 16.3333H13.6667L8.92704 5.43946M10.4648 8.99999L4.42696 11.5218M12.1499 12.8531L3.82165 16.3315M6.00004 3.66666C6.00004 4.19709 6.21075 4.7058 6.58583 5.08087C6.9609 5.45594 7.46961 5.66666 8.00004 5.66666C8.53047 5.66666 9.03918 5.45594 9.41425 5.08087C9.78933 4.7058 10 4.19709 10 3.66666C10 3.13622 9.78933 2.62752 9.41425 2.25244C9.03918 1.87737 8.53047 1.66666 8.00004 1.66666C7.46961 1.66666 6.9609 1.87737 6.58583 2.25244C6.21075 2.62752 6.00004 3.13622 6.00004 3.66666Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
