// 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 SvgDisabilityRampDown = ({
  color,
  className,
  ...props
}: SVGProps<SVGSVGElement> & {
  color?: Color
}) =>
  React.cloneElement(
    <svg
      width={16}
      height={16}
      viewBox="0 0 16 18"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
    >
      <path
        d="M0.666504 11.3333L6.33317 16.3333H15.9998M15.3332 13.6667L12.9998 11H10.8137C10.1801 11 9.6665 10.4864 9.6665 9.8528C9.6665 9.72953 9.68637 9.607 9.72537 9.49007L10.9998 5.66667M7.95744 8.33333C6.99264 8.83207 6.33317 9.839 6.33317 11C6.33317 12.6569 7.6763 14 9.33317 14C10.2216 14 11.02 13.6137 11.5692 13M10.3332 3C10.3332 3.35362 10.4736 3.69276 10.7237 3.94281C10.9737 4.19286 11.3129 4.33333 11.6665 4.33333C12.0201 4.33333 12.3593 4.19286 12.6093 3.94281C12.8594 3.69276 12.9998 3.35362 12.9998 3C12.9998 2.64638 12.8594 2.30724 12.6093 2.05719C12.3593 1.80714 12.0201 1.66667 11.6665 1.66667C11.3129 1.66667 10.9737 1.80714 10.7237 2.05719C10.4736 2.30724 10.3332 2.64638 10.3332 3Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
