// 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 SvgAddReactionStickerEmoji = ({
  color,
  className,
  ...props
}: SVGProps<SVGSVGElement> & {
  color?: Color
}) =>
  React.cloneElement(
    <svg
      width={16}
      height={16}
      viewBox="0 0 17 17"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
    >
      <path
        d="M13.6665 10.3333V17M16.9998 13.6667H10.3332M13.5178 9C13.6151 8.5712 13.6665 8.12493 13.6665 7.66666C13.6665 4.35296 10.9802 1.66666 7.6665 1.66666C4.3528 1.66666 1.6665 4.35296 1.6665 7.66666C1.6665 10.9804 4.3528 13.6667 7.6665 13.6667C8.12477 13.6667 8.57104 13.6153 8.99984 13.518M7.6665 10.3333C6.19374 10.3333 4.99984 9.1394 4.99984 7.66666M5.99984 5V6.66666M9.33317 5V6.66666"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
