// 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 SvgDesktopSearch = ({
  color,
  className,
  ...props
}: SVGProps<SVGSVGElement> & {
  color?: Color
}) =>
  React.cloneElement(
    <svg
      width={16}
      height={16}
      viewBox="0 0 18 18"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
    >
      <path
        d="M7.6665 4.33334H1.6665V13.6667H14.9998V10.3333M8.33317 13.6667V16.3333M4.99984 16.3333H11.6665M16.5228 8.52367L14.6314 6.63217M9.6665 4.50401C9.6665 5.25651 9.96544 5.9782 10.4975 6.5103C11.0296 7.04241 11.7513 7.34134 12.5038 7.34134C13.2563 7.34134 13.978 7.04241 14.5101 6.5103C15.0422 5.9782 15.3412 5.25651 15.3412 4.50401C15.3412 3.7515 15.0422 3.02981 14.5101 2.49771C13.978 1.9656 13.2563 1.66667 12.5038 1.66667C11.7513 1.66667 11.0296 1.9656 10.4975 2.49771C9.96544 3.02981 9.6665 3.7515 9.6665 4.50401Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
