// 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 SvgCallCenterSupportService = ({
  color,
  className,
  ...props
}: SVGProps<SVGSVGElement> & {
  color?: Color
}) =>
  React.cloneElement(
    <svg
      width={16}
      height={16}
      viewBox="0 0 16 17"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
    >
      <path
        d="M11.0186 5.66012H7.82983V5.09618C7.82983 4.83658 7.9805 4.60058 8.21604 4.49137L9.96577 3.68002C10.2013 3.57082 10.352 3.33482 10.352 3.07522V2.24904C10.352 1.9274 10.105 1.66666 9.80023 1.66666H8.3815C8.07684 1.66666 7.82983 1.9274 7.82983 2.24904V3.03054M14.8382 6.32686V1.66675L14.1223 1.66666L12.5282 4.23424V4.87382H15.9964M2.28762 10.6301C1.43752 9.1318 0.966155 7.47692 0.873535 5.805L3.827 5.45117L4.86685 9.09066L2.28762 10.6301ZM2.28762 10.6301C2.76698 11.4749 3.36676 12.2699 4.08696 12.9901C4.80717 13.7103 5.60219 14.3101 6.44703 14.7895M6.44703 14.7895C7.9453 15.6395 9.60017 16.1109 11.2721 16.2035L11.6259 13.2501L7.98643 12.2102L6.44703 14.7895Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
