// 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 SvgSearch = ({
  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="M13.0001 13.0001L16.3334 16.3334M1.66675 8.33341C1.66675 10.1015 2.36913 11.7972 3.61937 13.0475C4.86961 14.2977 6.56531 15.0001 8.33341 15.0001C10.1015 15.0001 11.7972 14.2977 13.0475 13.0475C14.2977 11.7972 15.0001 10.1015 15.0001 8.33341C15.0001 6.56531 14.2977 4.86961 13.0475 3.61937C11.7972 2.36913 10.1015 1.66675 8.33341 1.66675C6.56531 1.66675 4.86961 2.36913 3.61937 3.61937C2.36913 4.86961 1.66675 6.56531 1.66675 8.33341Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
