// 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 SvgDescendingNumberOrder = ({
  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="M12.3334 16.3333V9.66667C12.3334 10.5871 11.5499 11.3333 10.5834 11.3333H10.0001M14.6667 16.3333H10.0001M14.0001 4.91667H10.8751C10.3918 4.91667 10.0001 4.52492 10.0001 4.04167V2.54167C10.0001 2.05842 10.3918 1.66667 10.8751 1.66667H13.1251C13.6083 1.66667 14.0001 2.05842 14.0001 2.54167V4.91667ZM14.0001 4.91667V6.79167C14.0001 7.27491 13.6083 7.66667 13.1251 7.66667H10.8751C10.3918 7.66667 10.0001 7.27491 10.0001 6.79167V6.16667M6.00008 13.3333L3.33341 16M3.33341 16L0.666748 13.3333M3.33341 16V1"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
