// 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 SvgSearchCar = ({
  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="M14.6417 5.30852C14.2416 5.70859 13.699 5.93335 13.1332 5.93335C12.5674 5.93335 12.0248 5.70859 11.6247 5.30852C11.2246 4.90844 10.9998 4.36582 10.9998 3.80002C10.9998 3.23423 11.2246 2.6916 11.6247 2.29153C12.0248 1.89145 12.5674 1.66669 13.1332 1.66669C13.699 1.66669 14.2416 1.89145 14.6417 2.29153C15.0417 2.6916 15.2665 3.23423 15.2665 3.80002C15.2665 4.36582 15.0417 4.90844 14.6417 5.30852ZM14.6417 5.30852L16.3332 7.00005M10.9998 15V17M2.99984 15V17M1.6665 11.3334H12.3332V15H1.6665V11.3334ZM10.3332 7.66669L10.9998 11.3334H2.99984L3.6665 7.66669H10.3332Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
