// 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 SvgFingerprintDeleteCross = ({
  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="M16.3334 11L11.0001 16.3333M16.3334 16.3333L11.0001 11M1.66675 8.33329V9.54736C1.66675 12.5606 4.05456 15.0032 7.00008 15.0032C7.97148 15.0032 8.88228 14.7376 9.66675 14.2733M5.81489 1.80172C3.4398 2.35304 1.66675 4.40336 1.66675 6.99986M12.3334 8.99996V7.12251C12.3334 4.10931 9.94562 1.66663 7.00008 1.66663M9.66688 6.99996C9.66688 5.49336 8.47301 4.33329 7.00023 4.33329C5.95321 4.33329 5.04711 5.01185 4.61076 5.91009M7.00008 12.3333C8.47281 12.3333 9.66675 11.112 9.66675 9.60536V8.33489M4.33341 6.99996V9.60536C4.33341 10.6764 4.93684 11.6034 5.81489 12.0498M7.00008 6.66663V9.99996"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
