// 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 SvgSearchArrowIncrease = ({
  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.95002 6.53645H11.3368V8.92319M4.66331 10.1301L6.71669 8.07679L8.25549 9.61799L10.7819 7.09154L11.323 6.53873M16.0551 16.0551L13.0516 13.0516M1.66669 8.33332C1.66669 10.1015 2.36907 11.7971 3.61931 13.0474C4.86955 14.2976 6.56525 15 8.33335 15C10.1015 15 11.7972 14.2976 13.0474 13.0474C14.2976 11.7971 15 10.1015 15 8.33332C15 6.56522 14.2976 4.86952 13.0474 3.61928C11.7972 2.36904 10.1015 1.66666 8.33335 1.66666C6.56525 1.66666 4.86955 2.36904 3.61931 3.61928C2.36907 4.86952 1.66669 6.56522 1.66669 8.33332Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
