// 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 SvgChatTwoBubblesOval = ({
  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.32783 14.9887L1.93311 16.0667L3.01105 11.6719C2.56887 10.7417 2.33311 9.71633 2.33311 8.66667C2.33311 6.81015 3.07061 5.02967 4.38336 3.71692C5.69612 2.40417 7.47659 1.66667 9.33309 1.66667C11.1896 1.66667 12.9701 2.40417 14.2828 3.71692C15.1952 4.62921 15.8296 5.76739 16.1318 7M15.3877 13.2996C15.6662 12.7139 15.8146 12.0683 15.8146 11.4074C15.8146 10.2385 15.3502 9.11747 14.5237 8.29087C13.6971 7.46435 12.5761 7 11.4072 7C10.2382 7 9.11723 7.46435 8.29063 8.29087C7.46411 9.11747 6.99976 10.2385 6.99976 11.4074C6.99976 12.5763 7.46411 13.6973 8.29063 14.5239C9.11723 15.3505 10.2382 15.8148 11.4072 15.8148C12.0681 15.8148 12.7137 15.6664 13.2994 15.3879L16.0664 16.0667L15.3877 13.2996Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
