// 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 SvgMicrophoneSettingGear = ({
  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="M12.9462 12.2716V13.6049M7.33358 12.3333V14.3333M8.0003 12.3333H7.00033C4.05481 12.3333 1.66699 9.94552 1.66699 6.99999M14.0816 10.5074L13.6854 9.66046H12.2054L11.8092 10.5081L11.3677 10.7631L10.4355 10.6828L9.6955 11.9645L10.2318 12.7319V13.2409L9.69576 14.0084L10.4358 15.2901L11.3682 15.2093L11.8094 15.464L12.2054 16.3117H13.6854L14.0818 15.4646L14.5241 15.2093L15.4556 15.2901L16.1956 14.0084L15.6605 13.2419L15.6604 12.7304L16.1959 11.9645L15.4559 10.6828L14.5242 10.7629L14.0816 10.5074ZM4.33375 1.66666H10.3338V6.66666C10.3338 8.32352 8.99057 9.66666 7.33375 9.66666C5.67689 9.66666 4.33375 8.32352 4.33375 6.66666V1.66666Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
