// 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 SvgSpeaker = ({
  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="M5.39933 8.99998C5.39933 9.47283 5.49247 9.94104 5.67342 10.3779C5.85437 10.8147 6.11959 11.2117 6.45395 11.546C6.7883 11.8804 7.18523 12.1456 7.62209 12.3266C8.05894 12.5075 8.52715 12.6006 9 12.6006C9.47285 12.6006 9.94106 12.5075 10.3779 12.3266C10.8148 12.1456 11.2117 11.8804 11.5461 11.546C11.8804 11.2117 12.1456 10.8147 12.3266 10.3779C12.5075 9.94104 12.6007 9.47283 12.6007 8.99998C12.6007 8.52713 12.5075 8.05892 12.3266 7.62207C12.1456 7.18521 11.8804 6.78828 11.5461 6.45392C11.2117 6.11957 10.8148 5.85435 10.3779 5.6734C9.94106 5.49245 9.47285 5.39931 9 5.39931C8.52715 5.39931 8.05894 5.49245 7.62209 5.6734C7.18523 5.85435 6.7883 6.11957 6.45395 6.45392C6.11959 6.78828 5.85437 7.18521 5.67342 7.62207C5.49247 8.05892 5.39933 8.52713 5.39933 8.99998Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
      <path
        d="M14.0153 1.98273L16.0172 3.98466L14.3933 5.60855C15.0121 6.59058 15.3701 7.75345 15.3701 8.99991C15.3701 10.2464 15.0121 11.4092 14.3933 12.3913L16.0172 14.0152L14.0153 16.0171L12.3913 14.3932C11.4093 15.012 10.2465 15.37 9 15.37C7.75353 15.37 6.59064 15.012 5.60861 14.3932L3.98472 16.0171L1.98279 14.0152L3.60668 12.3913C2.98787 11.4092 2.62986 10.2464 2.62986 8.99991C2.62986 7.75345 2.98787 6.59058 3.60668 5.60855L1.98279 3.98466L3.98472 1.98273L5.60861 3.60662C6.59064 2.98781 7.75353 2.6298 9 2.6298C10.2465 2.6298 11.4093 2.98781 12.3913 3.60662L14.0153 1.98273Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
      <path
        d="M8.833 9.16698V8.83298H9.16707V9.16698H8.833Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
