// 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 SvgSmileySparks = ({
  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="M8.33317 6.33332H4.99984M6.6665 4.66666V7.99999M12.9998 6.33332H9.6665M11.3332 4.66666V7.99999M16.3332 8.99999C16.3332 13.0501 13.0499 16.3333 8.99984 16.3333C4.94975 16.3333 1.6665 13.0501 1.6665 8.99999C1.6665 4.9499 4.94975 1.66666 8.99984 1.66666C13.0499 1.66666 16.3332 4.9499 16.3332 8.99999ZM8.99984 13C10.8408 13 12.3332 11.5076 12.3332 9.66666H5.6665C5.6665 11.5076 7.15889 13 8.99984 13Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
