// 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 SvgSmileySad = ({
  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.66666V7.66666M10.9998 5.66666V7.66666M16.3332 8.99999C16.3332 13.0501 13.0499 16.3333 8.99984 16.3333C4.94975 16.3333 1.6665 13.0501 1.6665 8.99999C1.6665 4.9499 4.94975 1.66666 8.99984 1.66666C13.0499 1.66666 16.3332 4.9499 16.3332 8.99999ZM8.99984 8.99999C10.8408 8.99999 12.3332 10.4924 12.3332 12.3333H5.6665C5.6665 10.4924 7.15889 8.99999 8.99984 8.99999Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
