// 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 SvgSmileyLaughing = ({
  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="M16.0571 11C15.1866 14.078 12.3566 16.3333 8.99984 16.3333C5.6431 16.3333 2.81312 14.078 1.94254 11M2.33317 5.94069C3.49265 3.41817 6.0417 1.66667 8.99984 1.66667C11.958 1.66667 14.507 3.41817 15.6665 5.94069M5.6665 7.66667V7.33334C5.6665 6.78105 6.11422 6.33334 6.6665 6.33334C7.21879 6.33334 7.6665 6.78105 7.6665 7.33334V7.66667M10.3332 7.66667V7.33334C10.3332 6.78105 10.7809 6.33334 11.3332 6.33334C11.8854 6.33334 12.3332 6.78105 12.3332 7.33334V7.66667M3.6665 7.66667C2.56194 7.66667 1.6665 8.56207 1.6665 9.66667M14.3332 7.66667C15.4378 7.66667 16.3332 8.56207 16.3332 9.66667M8.99984 13C10.8408 13 12.3332 11.5076 12.3332 9.66667H5.6665C5.6665 11.5076 7.15889 13 8.99984 13Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
