// 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 SvgTextSearch2 = ({
  color,
  className,
  ...props
}: SVGProps<SVGSVGElement> & {
  color?: Color
}) =>
  React.cloneElement(
    <svg
      width={16}
      height={16}
      viewBox="0 0 17 17"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
    >
      <path
        d="M12.4784 12.4784C11.2907 13.6662 9.67979 14.3334 8.00008 14.3334C6.32038 14.3334 4.70947 13.6662 3.52174 12.4784C2.33401 11.2907 1.66675 9.67979 1.66675 8.00008C1.66675 6.32038 2.33401 4.70947 3.52174 3.52174C4.70947 2.33401 6.32038 1.66675 8.00008 1.66675C9.67979 1.66675 11.2907 2.33401 12.4784 3.52174C13.6662 4.70947 14.3334 6.32038 14.3334 8.00008C14.3334 9.67979 13.6662 11.2907 12.4784 12.4784ZM12.4784 12.4784L16.3334 16.3334M5.00008 5.33341H11.0001M5.00008 8.00008H11.0001M5.00008 10.6667H8.33341"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
