// 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 SvgSmileyCool = ({
  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="M1.88005 7.23601C1.74052 7.80101 1.6665 8.39187 1.6665 9.00001C1.6665 13.0501 4.94975 16.3333 8.99984 16.3333C13.0499 16.3333 16.3332 13.0501 16.3332 9.00001C16.3332 8.39187 16.2592 7.80101 16.1196 7.23601M15.5336 5.66667C14.3198 3.29222 11.8496 1.66667 8.99984 1.66667C6.15008 1.66667 3.67995 3.29222 2.46614 5.66667M8.99984 6.00001C8.99984 8.02507 10.6414 9.66667 12.6665 9.66667C14.6916 9.66667 16.3332 8.02507 16.3332 6.00001V5.66667H8.99984M8.99984 6.00001V5.66667M8.99984 6.00001C8.99984 8.02507 7.35822 9.66667 5.33317 9.66667C3.30812 9.66667 1.6665 8.02507 1.6665 6.00001V5.66667H8.99984M6.99951 11.6667C7.55668 12.0853 8.2493 12.3333 8.99984 12.3333C9.75037 12.3333 10.443 12.0853 11.0002 11.6667"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
