// 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 SvgHearingDeaf = ({
  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.99984 6.33334C6.99984 5.80291 7.21055 5.2942 7.58562 4.91913C7.9607 4.54405 8.46944 4.33334 8.99984 4.33334C9.53024 4.33334 10.039 4.54405 10.414 4.91913C10.7891 5.2942 10.9998 5.80291 10.9998 6.33334M4.33317 6.33334C4.33317 3.75601 6.42251 1.66667 8.99984 1.66667C10.2375 1.66667 11.4245 2.15834 12.2996 3.03351C13.1748 3.90868 13.6665 5.09566 13.6665 6.33334C13.6665 8.04081 12.9882 9.67827 11.7809 10.8856L9.6665 13V13.6667C9.6665 14.3739 9.38557 15.0522 8.88544 15.5523C8.38537 16.0524 7.7071 16.3333 6.99984 16.3333C6.26346 16.3333 5.59679 16.0349 5.11422 15.5523M1.47119 16.5287L8.99984 9.00001M16.5285 1.47136L13.3516 4.64821"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
