// 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 SvgHearingTelecoil = ({
  color,
  className,
  ...props
}: SVGProps<SVGSVGElement> & {
  color?: Color
}) =>
  React.cloneElement(
    <svg
      width={16}
      height={16}
      viewBox="0 0 16 18"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
    >
      <path
        d="M12 13H16M14 17V13M6 6.33334C6 5.80291 6.21071 5.2942 6.58579 4.91913C6.96087 4.54405 7.4696 4.33334 8 4.33334C8.5304 4.33334 9.03913 4.54405 9.4142 4.91913C9.78927 5.2942 10 5.80291 10 6.33334M3.33333 6.33334C3.33333 5.09566 3.825 3.90868 4.70017 3.03351C5.57534 2.15834 6.76233 1.66667 8 1.66667C9.23767 1.66667 10.4247 2.15834 11.2998 3.03351C12.175 3.90868 12.6667 5.09566 12.6667 6.33334C12.6667 8.04081 11.9884 9.67827 10.7811 10.8856L8.66667 13V13.6667C8.66667 14.3739 8.38573 15.0522 7.8856 15.5523C7.38553 16.0524 6.70727 16.3333 6 16.3333C5.29275 16.3333 4.61448 16.0524 4.11438 15.5523M13 1.66667L14.3333 3.00001M5.33333 8.00001L8 10.6667M4.33333 10.3333L5.66667 11.6667M2 11.3333L4.66667 14"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
