// 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 SvgBalloon = ({
  color,
  className,
  ...props
}: SVGProps<SVGSVGElement> & {
  color?: Color
}) =>
  React.cloneElement(
    <svg
      width={16}
      height={16}
      viewBox="0 0 17 18"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
    >
      <path
        d="M6.04765 13.3809V14.9999C6.04765 15.7363 6.6446 16.3333 7.38098 16.3333H10.9971C11.7326 16.3333 12.3292 15.7377 12.3304 15.0023L12.331 14.6643C12.3323 13.9288 12.9288 13.3333 13.6644 13.3333H17M7.14282 11.5363C7.14282 11.5363 10.2748 9.6234 10.2748 5.99102C10.2748 3.62028 8.34783 1.69841 5.97072 1.69841C3.59363 1.69841 1.66663 3.62028 1.66663 5.99102C1.66663 9.6234 4.79862 11.5363 4.79862 11.5363L3.91445 13.3809H7.87269L7.14282 11.5363Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
