// 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 SvgChatBubbleVideoCallOval = ({
  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="M3.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.5956 5.02967 16.3331 6.81015 16.3331 8.66667C16.3331 10.5232 15.5956 12.3037 14.2828 13.6164C12.9701 14.9292 11.1896 15.6667 9.33309 15.6667C8.28343 15.6667 7.25808 15.4309 6.32783 14.9887L1.93311 16.0667L3.01105 11.6719Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
      <path
        d="M11.3331 6H5.66643V11.3333H11.3331V10L12.9998 10.6667V6.66667L11.3331 7.33333V6Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
