// 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 SvgTextSearch = ({
  color,
  className,
  ...props
}: SVGProps<SVGSVGElement> & {
  color?: Color
}) =>
  React.cloneElement(
    <svg
      width={16}
      height={16}
      viewBox="0 0 16 17"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
    >
      <path
        d="M12.8564 13.8564C12.2312 14.4816 11.3834 14.8327 10.4993 14.8327C9.61528 14.8327 8.76743 14.4816 8.14231 13.8564C7.51719 13.2313 7.166 12.3835 7.166 11.4994C7.166 10.6154 7.51719 9.76751 8.14231 9.14239C8.76743 8.51727 9.61528 8.16608 10.4993 8.16608C11.3834 8.16608 12.2312 8.51727 12.8564 9.14239C13.4815 9.76751 13.8327 10.6154 13.8327 11.4994C13.8327 12.3835 13.4815 13.2313 12.8564 13.8564ZM12.8564 13.8564L15.3333 16.3332M0 1.66675H12.6667M0 8.33341H5.33333M0 5.00008H12.6667M0 11.6667H5.33333"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
