// 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 SvgChatBubbleDisableOval = ({
  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="M4.06136 4.06148C4.16451 3.94341 4.27192 3.82848 4.38348 3.71692C5.69623 2.40416 7.4767 1.66666 9.33324 1.66666C11.1898 1.66666 12.9702 2.40416 14.283 3.71692C15.5957 5.02967 16.3332 6.81015 16.3332 8.66666C16.3332 10.5232 15.5957 12.3037 14.283 13.6164C14.1714 13.728 14.0565 13.8354 13.9384 13.9385M3.01113 5.66138C2.56894 6.59163 2.33318 7.61698 2.33318 8.66666C2.33318 9.71633 2.56894 10.7417 3.01113 11.6719L1.93318 16.0667L6.3279 14.9887C7.25816 15.4309 8.2835 15.6667 9.33317 15.6667C10.3828 15.6667 11.4082 15.4309 12.3384 14.9887M1.47119 1.47135L16.5285 16.5287"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
