// 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 SvgEarSpeciality = ({
  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="M3.3335 6.60241C3.3335 3.87647 5.54456 1.66666 8.27203 1.66666C10.9996 1.66666 13.2106 3.87647 13.2106 6.60241C13.2106 8.14626 12.5064 9.49 10.9968 10.9671C9.48716 12.4441 8.63303 13.2031 8.63303 13.2031C8.63303 14.4477 8.08136 16.3333 5.93733 16.3333C3.79328 16.3333 3.3335 14.5848 3.3335 13.2031M6.2736 6.60028C6.2736 5.4966 7.1683 4.60188 8.27203 4.60188C9.3757 4.60188 10.2704 5.4966 10.2704 6.60028V7.02461C10.2704 7.37823 10.1299 7.7174 9.8799 7.9674L7.23516 10.6121"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
