// 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 SvgHappyFace = ({
  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.66667M12.3332 9C12.3332 10.8409 10.8408 12.3333 8.99984 12.3333C7.15889 12.3333 5.6665 10.8409 5.6665 9M1.6665 9C1.6665 10.9449 2.43912 12.8102 3.81439 14.1855C5.18965 15.5607 7.05492 16.3333 8.99984 16.3333C10.9448 16.3333 12.81 15.5607 14.1853 14.1855C15.5606 12.8102 16.3332 10.9449 16.3332 9C16.3332 7.05508 15.5606 5.18982 14.1853 3.81455C12.81 2.43928 10.9448 1.66667 8.99984 1.66667C7.05492 1.66667 5.18965 2.43928 3.81439 3.81455C2.43912 5.18982 1.6665 7.05508 1.6665 9Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
