// 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 SvgSmileyEmojiKissNervous = ({
  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="M9.99984 11C10.5521 11 10.9998 10.5523 10.9998 10C10.9998 9.44774 10.5521 9.00001 9.99984 9.00001H8.99984M9.99984 11C10.5521 11 10.9998 11.4477 10.9998 12C10.9998 12.5523 10.5521 13 9.99984 13H8.99984M9.99984 11H9.6665M4.99984 7.00001H7.6665V6.66667L5.6665 5.00001M12.9998 7.00001H10.3332V6.66667L12.3332 5.00001M16.3332 9.00001C16.3332 13.0501 13.0499 16.3333 8.99984 16.3333C4.94975 16.3333 1.6665 13.0501 1.6665 9.00001C1.6665 4.94992 4.94975 1.66667 8.99984 1.66667C13.0499 1.66667 16.3332 4.94992 16.3332 9.00001Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
