// 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 SvgSearchDollar = ({
  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.33335 5.99999V4.33332M8.33335 12.3333V10.6667M10 6.99999V6.66666C10 6.29847 9.70155 5.99999 9.33335 5.99999H7.33335C6.96517 5.99999 6.66669 6.29847 6.66669 6.66666V7.28679C6.66669 7.60458 6.89099 7.87819 7.20261 7.94052L9.46409 8.39279C9.77569 8.45512 10 8.72872 10 9.04652V9.99999C10 10.3682 9.70155 10.6667 9.33335 10.6667H7.33335C6.96517 10.6667 6.66669 10.3682 6.66669 9.99999V9.66666M13 13L16.0552 16.0551M1.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,
    },
  )
