// 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 SvgEarHearing = ({
  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="M1.3335 5.33334C1.3335 3.1242 3.12436 1.33334 5.3335 1.33334C7.54263 1.33334 9.3335 3.1242 9.3335 5.33334C9.3335 6.58449 8.76316 7.67347 7.54043 8.87054C6.31768 10.0675 5.62586 10.6826 5.62586 10.6826C5.62586 11.6912 5.17906 13.2194 3.44248 13.2194C1.7059 13.2194 1.3335 11.8023 1.3335 10.6826M6.68543 5.35175C6.68543 4.6052 6.08023 4 5.33368 4C4.58713 4 3.98194 4.6052 3.98194 5.35175M11.9944 9.17467C11.9944 10.6505 10.798 11.847 9.3221 11.847M14.6668 9.17467C14.6668 12.1264 12.2739 14.5193 9.3221 14.5193"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
