// 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 SvgInvisible = ({
  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="M4.67456 4.99996C5.77542 3.77009 7.02964 2.99996 9.00008 2.99996C12.6667 2.99996 13.8534 5.66663 16.1867 8.99996C14.9855 10.7161 14.0881 12.2556 12.9997 13.3454M11.6667 14.3686C10.9291 14.7729 10.0703 15 9.00041 15C5.33378 15 4.14721 12.3333 1.81388 8.99996C2.48597 8.03983 3.06292 7.135 3.63139 6.33329M1.47144 1.47131L16.5287 16.5286M10.4144 10.4142C11.1955 9.63309 11.1955 8.36683 10.4144 7.58575C9.63341 6.8047 8.36708 6.8047 7.58602 7.58575"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
