// 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 SvgSearchText = ({
  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="M8.33341 15.0001C6.56531 15.0001 4.86961 14.2977 3.61937 13.0475C2.36913 11.7972 1.66675 10.1015 1.66675 8.33341C1.66675 6.56531 2.36913 4.86961 3.61937 3.61937C4.86961 2.36913 6.56531 1.66675 8.33341 1.66675C10.1015 1.66675 11.7972 2.36913 13.0475 3.61937C14.2977 4.86961 15.0001 6.56531 15.0001 8.33341C15.0001 10.1015 14.2977 11.7972 13.0475 13.0475C11.7972 14.2977 10.1015 15.0001 8.33341 15.0001ZM8.33341 15.0001L8.33341 17.0001M13.0001 13.0001L16.0552 16.0552M5.00008 9.66675V7.00008H11.6667V9.66675M8.33341 7.00008V13.0001"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
