// 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 SvgAscendingNumberOrder = ({
  color,
  className,
  ...props
}: SVGProps<SVGSVGElement> & {
  color?: Color
}) =>
  React.cloneElement(
    <svg
      width={16}
      height={16}
      viewBox="0 0 16 17"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
    >
      <path
        d="M12.3334 6.66666V0C12.3334 0.920473 11.5499 1.66667 10.5834 1.66667H10.0001M14.6667 6.66667H10.0001M14.0001 12.5833H10.8751C10.3918 12.5833 10.0001 12.1916 10.0001 11.7083V10.2083C10.0001 9.72507 10.3918 9.33333 10.8751 9.33333H13.1251C13.6083 9.33333 14.0001 9.72507 14.0001 10.2083V12.5833ZM14.0001 12.5833V14.4583C14.0001 14.9416 13.6083 15.3333 13.1251 15.3333H10.8751C10.3918 15.3333 10.0001 14.9416 10.0001 14.4583V13.8333M6.00008 12.3333L3.33341 15M3.33341 15L0.666748 12.3333M3.33341 15V0"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
