// 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 SvgStepsNumber = ({
  color,
  className,
  ...props
}: SVGProps<SVGSVGElement> & {
  color?: Color
}) =>
  React.cloneElement(
    <svg
      width={16}
      height={16}
      viewBox="0 0 17 16"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
    >
      <path
        d="M2 7.33337V1.33337C2 2.1618 1.32843 2.83337 0.5 2.83337H0M4 7.33337H0M10 7.33337H6V6.21221C6 5.90321 6.1715 5.62371 6.43691 5.49985L8.8964 4.35207C9.16187 4.22822 9.33333 3.94872 9.33333 3.63971V2.77757C9.33333 2.34801 9.00687 2.00004 8.6042 2.00004H6.72913C6.32646 2.00004 6 2.34826 6 2.77782V3.33411M12.5819 4.44448H14.396M14.396 4.44448H14.6042C15.0069 4.44448 15.3333 4.79252 15.3333 5.22207V6.55559C15.3333 6.98517 15.0069 7.33337 14.6041 7.33337H12.7292C12.3265 7.33337 12 6.98517 12 6.5556V6.00004M14.396 4.44448C14.7987 4.44448 15.125 4.09634 15.125 3.66678V2.77779C15.125 2.34824 14.7985 2.00004 14.3959 2.00004H12.9375C12.5348 2.00005 12.2083 2.34827 12.2083 2.77782V3.33411M12.3333 10L15 12.6667M15 12.6667L12.3333 15.3334M15 12.6667H0"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
