// 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 SvgSmileyUpsideDown = ({
  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 12.3333V10.3333M10.9998 12.3333V10.3333M12.3332 8.99999C12.3332 7.15904 10.8408 5.66666 8.99984 5.66666C7.15889 5.66666 5.6665 7.15904 5.6665 8.99999M16.3332 8.99999C16.3332 4.9499 13.0499 1.66666 8.99984 1.66666C4.94975 1.66666 1.6665 4.9499 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.99999Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
