// 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 SvgChatBubbleSquarePhone = ({
  color,
  className,
  ...props
}: SVGProps<SVGSVGElement> & {
  color?: Color
}) =>
  React.cloneElement(
    <svg
      width={16}
      height={16}
      viewBox="0 0 17 17"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
    >
      <path
        d="M11.7906 7.54427C12.3179 6.61498 12.6678 5.81409 12.6678 4.33203H10.4446L10.0741 6.18461L11.7906 7.54427ZM11.7906 7.54427C11.4933 8.06827 11.1213 8.5614 10.6746 9.00813C10.2278 9.45487 9.73469 9.82687 9.21069 10.1242M9.21069 10.1242C8.28143 10.6515 7.48052 11.0013 5.99846 11.0013V8.7782L7.85103 8.40767L9.21069 10.1242ZM15.6664 1.33333H2.99977V10.7179L1.93311 15.0667L6.28182 14H15.6664V1.33333Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
