// 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 SvgSoundRecognitionSearch = ({
  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.33325 2.00008V11.3334M3.99992 3.33341V10.0001M6.66659 0.666748V6.66675M9.33325 3.33341V5.33342M11.9999 2.00008V5.33341M12.8563 12.8564C12.2312 13.4816 11.3833 13.8327 10.4993 13.8327C9.6152 13.8327 8.76735 13.4816 8.14223 12.8564C7.51711 12.2313 7.16592 11.3835 7.16592 10.4994C7.16592 9.61536 7.51711 8.76751 8.14223 8.14239C8.76735 7.51727 9.6152 7.16608 10.4993 7.16608C11.3833 7.16608 12.2312 7.51727 12.8563 8.14239C13.4814 8.76751 13.8326 9.61536 13.8326 10.4994C13.8326 11.3835 13.4814 12.2313 12.8563 12.8564ZM12.8563 12.8564L15.3334 15.3335"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
