// 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 SvgDisabilitySlope = ({
  color,
  className,
  ...props
}: SVGProps<SVGSVGElement> & {
  color?: Color
}) =>
  React.cloneElement(
    <svg
      width={16}
      height={16}
      viewBox="0 0 17 18"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
    >
      <path
        d="M16.3333 11.3333L10.6667 16.3333H1M10.6667 13.6667L8.33333 11H6.14717C5.51361 11 5 10.4864 5 9.8528C5 9.72953 5.01988 9.607 5.05887 9.49007L6.33333 5.66667M3.29091 8.33333C2.32614 8.83207 1.66667 9.839 1.66667 11C1.66667 12.6569 3.00981 14 4.66667 14C5.55516 14 6.35345 13.6137 6.90277 13M5.66667 3C5.66667 3.35362 5.80714 3.69276 6.05719 3.94281C6.30724 4.19286 6.64638 4.33333 7 4.33333C7.35362 4.33333 7.69276 4.19286 7.94281 3.94281C8.19286 3.69276 8.33333 3.35362 8.33333 3C8.33333 2.64638 8.19286 2.30724 7.94281 2.05719C7.69276 1.80714 7.35362 1.66667 7 1.66667C6.64638 1.66667 6.30724 1.80714 6.05719 2.05719C5.80714 2.30724 5.66667 2.64638 5.66667 3Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
