// 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 SvgNoTouchSign = ({
  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="M11.6665 8.99999V2.99999H10.3332C9.59677 2.99999 8.99984 3.59694 8.99984 4.33332M11.6665 8.99999V11.6667M11.6665 8.99999C11.6665 8.26359 12.2634 7.66666 12.9998 7.66666H14.3332V11.0001C14.3332 11.9592 14.08 12.8593 13.6368 13.6369M8.99984 4.33332V1.66666H7.6665C6.93013 1.66666 6.33318 2.26361 6.33318 2.99999M8.99984 4.33332V8.99999M6.33318 2.99999H4.99984C4.45911 2.99999 3.99356 3.32188 3.78434 3.78449M6.33318 2.99999V6.33332M3.6665 6.33332V17.0001M12.3332 15.1637C11.4201 15.8956 10.2611 16.3334 8.99984 16.3334H8.33317M1.47119 1.47134L16.5285 16.5287"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
