// 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 SvgChatBubbleOvalNotification = ({
  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="M9.33309 1.66666C7.47659 1.66666 5.69612 2.40416 4.38336 3.71692C3.07061 5.02967 2.33311 6.81015 2.33311 8.66666C2.33311 9.71633 2.56887 10.7417 3.01105 11.6719L1.93311 16.0667L6.32783 14.9887C7.25808 15.4309 8.28343 15.6667 9.33309 15.6667C11.1896 15.6667 12.9701 14.9292 14.2828 13.6164C15.5956 12.3037 16.3331 10.5232 16.3331 8.66666M10.3331 4.66666C10.3331 5.46231 10.6492 6.22538 11.2118 6.78798C11.7744 7.35059 12.5374 7.66666 13.3331 7.66666C14.1287 7.66666 14.8918 7.35059 15.4544 6.78798C16.017 6.22538 16.3331 5.46231 16.3331 4.66666C16.3331 3.87101 16.017 3.10795 15.4544 2.54534C14.8918 1.98273 14.1287 1.66666 13.3331 1.66666C12.5374 1.66666 11.7744 1.98273 11.2118 2.54534C10.6492 3.10795 10.3331 3.87101 10.3331 4.66666Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
