// 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 SvgSmileyRich = ({
  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.94254 6.99999C1.76272 7.63576 1.6665 8.30666 1.6665 8.99999C1.6665 13.0501 4.94975 16.3333 8.99984 16.3333C13.0499 16.3333 16.3332 13.0501 16.3332 8.99999C16.3332 8.30666 16.237 7.63576 16.0571 6.99999M7.6665 1.78758C8.0989 1.70816 8.5445 1.66666 8.99984 1.66666C9.45517 1.66666 9.90077 1.70816 10.3332 1.78758M7.6665 3.66666H4.6665C4.29832 3.66666 3.99984 3.96514 3.99984 4.33332V4.63188C3.99984 4.94434 4.21686 5.21488 4.52188 5.28267L6.81112 5.71731C7.11615 5.7851 7.33317 6.05564 7.33317 6.3681V6.99999C7.33317 7.36818 7.03469 7.66666 6.6665 7.66666H3.6665M5.6665 3.66666V2.33332M5.6665 8.99999V7.66666M14.3332 3.66666H11.3332C10.965 3.66666 10.6665 3.96514 10.6665 4.33332V4.63188C10.6665 4.94434 10.8835 5.21488 11.1886 5.28267L13.4778 5.71731C13.7828 5.7851 13.9998 6.05564 13.9998 6.3681V6.99999C13.9998 7.36818 13.7014 7.66666 13.3332 7.66666H10.3332M12.3332 3.66666V2.33332M12.3332 8.99999V7.66666M5.94385 10.3333C6.45822 11.5106 7.63294 12.3333 8.99984 12.3333C10.3667 12.3333 11.5414 11.5106 12.0558 10.3333"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
