// 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 SvgSmileyDrop = ({
  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 2.46629C11.3331 1.95505 10.2001 1.66667 8.99984 1.66667C4.94975 1.66667 1.6665 4.94992 1.6665 9.00001C1.6665 13.0501 4.94975 16.3333 8.99984 16.3333C13.0499 16.3333 16.3332 13.0501 16.3332 9.00001C16.3332 8.42674 16.2674 7.86874 16.143 7.33334M12.3332 13C12.3332 11.1591 10.8408 9.66667 8.99984 9.66667C7.15889 9.66667 5.6665 11.1591 5.6665 13M13.6665 4.28737C13.6665 3.36783 14.9998 2.33334 14.9998 2.33334C14.9998 2.33334 16.3332 3.36783 16.3332 4.28737C16.3332 5.04913 15.7362 5.66667 14.9998 5.66667C14.2634 5.66667 13.6665 5.04913 13.6665 4.28737Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
