// 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 SvgSmileyShocked = ({
  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="M7.99984 5.33332L5.33317 7.99999M5.33317 5.33332L7.99984 7.99999M12.6665 5.33332L9.99984 7.99999M9.99984 5.33332L12.6665 7.99999M1.6665 8.99999C1.6665 10.9449 2.43912 12.8102 3.81439 14.1854C5.18965 15.5607 7.05492 16.3333 8.99984 16.3333C10.9448 16.3333 12.81 15.5607 14.1853 14.1854C15.5606 12.8102 16.3332 10.9449 16.3332 8.99999C16.3332 7.05507 15.5606 5.18981 14.1853 3.81454C12.81 2.43927 10.9448 1.66666 8.99984 1.66666C7.05492 1.66666 5.18965 2.43927 3.81439 3.81454C2.43912 5.18981 1.6665 7.05507 1.6665 8.99999ZM6.99984 11.6667C6.99984 12.1971 7.21055 12.7058 7.58562 13.0809C7.9607 13.4559 8.4694 13.6667 8.99984 13.6667C9.53027 13.6667 10.039 13.4559 10.4141 13.0809C10.7891 12.7058 10.9998 12.1971 10.9998 11.6667C10.9998 11.1362 10.7891 10.6275 10.4141 10.2524C10.039 9.87737 9.53027 9.66666 8.99984 9.66666C8.4694 9.66666 7.9607 9.87737 7.58562 10.2524C7.21055 10.6275 6.99984 11.1362 6.99984 11.6667Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
