// 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 SvgSmileyKiss = ({
  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="M6.99984 5.66667V7.66667M10.9998 5.66667V7.66667M9.99984 11.6667C10.5521 11.6667 10.9998 11.2189 10.9998 10.6667C10.9998 10.1144 10.5521 9.66667 9.99984 9.66667H8.99984M9.99984 11.6667C10.5521 11.6667 10.9998 12.1144 10.9998 12.6667C10.9998 13.2189 10.5521 13.6667 9.99984 13.6667H8.99984M9.99984 11.6667H9.6665M16.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,
    },
  )
