// 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 SvgHelpChat2 = ({
  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.60123 7.60134V7.26793C6.60123 5.97897 7.64614 4.93407 8.9351 4.93407C10.2241 4.93407 11.269 5.97897 11.269 7.26793V7.60134L8.9351 9.60179V11.2688M8.9351 12.2691V13.6027M2.46303 12.3868C1.90155 11.3339 1.6001 10.15 1.6001 8.93498C1.6001 6.98961 2.37289 5.12393 3.74847 3.74835C5.12405 2.37277 6.98974 1.59998 8.9351 1.59998C10.8805 1.59998 12.7462 2.37277 14.1217 3.74835C15.4973 5.12393 16.2701 6.98961 16.2701 8.93498C16.2701 10.8804 15.4973 12.746 14.1217 14.1216C12.7462 15.4972 10.8805 16.27 8.9351 16.27C7.72976 16.27 6.55494 15.9733 5.50839 15.4203L1.93351 15.9366L2.46303 12.3868Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
