// 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 SvgSmileyDrool = ({
  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="M14.3332 14.0333C15.573 12.7199 16.3332 10.9487 16.3332 9.00001C16.3332 4.94992 13.0499 1.66667 8.99984 1.66667C4.94975 1.66667 1.6665 4.94992 1.6665 9.00001C1.6665 12.8253 4.5955 15.9666 8.33317 16.3035M5.6665 7.33334L7.6665 6.00001M12.3332 7.33334L10.3332 6.00001M5.6665 9.66667C5.6665 11.5076 7.15889 13 8.99984 13C9.4739 13 9.92484 12.9011 10.3332 12.7227V15.3333C10.3332 15.8856 10.7809 16.3333 11.3332 16.3333C11.8854 16.3333 12.3332 15.8856 12.3332 15.3333V9.66667H5.6665Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
