// 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 SvgHideObject = ({
  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="M13.7139 13.714C14.9642 12.4638 15.6666 10.7681 15.6666 8.99996C15.6666 7.23185 14.9642 5.53616 13.7139 4.28591C12.4637 3.03567 10.768 2.33329 8.99995 2.33329C7.23182 2.33329 5.53613 3.03567 4.28589 4.28591M3.22656 5.66663C2.64645 6.67147 2.33341 7.81956 2.33341 8.99996C2.33341 10.7681 3.03579 12.4638 4.28603 13.714C5.53628 14.9642 7.23197 15.6666 9.00008 15.6666C10.1805 15.6666 11.3285 15.3536 12.3334 14.7735M1.47144 1.47131L16.5287 16.5286"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
