// 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 SvgCustomerSupportSetting = ({
  color,
  className,
  ...props
}: SVGProps<SVGSVGElement> & {
  color?: Color
}) =>
  React.cloneElement(
    <svg
      width={16}
      height={16}
      viewBox="0 0 16 16"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
    >
      <path
        d="M10.6666 10.3594C12.1721 10.775 13.5353 11.5338 14.6666 12.5463L12.9999 14.6666L9.99992 13L10.6666 10.3594ZM10.6666 10.3594C9.81765 10.1252 8.92338 9.99998 7.99992 9.99998C7.07645 9.99998 6.18221 10.1252 5.33325 10.3594M5.33325 10.3594C3.82769 10.775 2.46453 11.5338 1.33325 12.5463L2.99992 14.6666L5.99992 13L5.33325 10.3594ZM1.33325 7.99998V6.66665H2.83461C2.96056 6.17729 3.15422 5.71512 3.405 5.29071L2.34307 4.22878L4.22869 2.34316L5.29061 3.40509C5.71502 3.15429 6.1772 2.96063 6.66656 2.83467V1.33331H9.33325V2.83467C9.82258 2.96061 10.2848 3.15427 10.7092 3.40507L11.7711 2.34312L13.6568 4.22874L12.5948 5.29067C12.8456 5.71509 13.0393 6.17728 13.1653 6.66665H14.6666V7.99998M9.99992 7.99998C9.99992 6.89538 9.10452 5.99998 7.99992 5.99998C6.89532 5.99998 5.99992 6.89538 5.99992 7.99998"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
