// 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 SvgNumber = ({
  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="M5.33333 6.66666V0C5.33333 0.920473 4.54983 1.66667 3.58333 1.66667H3M7.66667 6.66667H3M8 15.3333H3.33333V14.072C3.33333 13.7244 3.53913 13.4099 3.85762 13.2706L6.80907 11.9794C7.12753 11.84 7.33333 11.5256 7.33333 11.1779V10.2081C7.33333 9.7248 6.9416 9.33333 6.45833 9.33333H4.20833C3.72509 9.33333 3.33333 9.72507 3.33333 10.2083V10.8341M10.165 7.41667H12.2085M12.2085 7.41667H12.4583C12.9416 7.41667 13.3333 7.8082 13.3333 8.29147V9.79167C13.3333 10.2749 12.9416 10.6667 12.4583 10.6667H10.2083C9.72507 10.6667 9.33333 10.2749 9.33333 9.79167V9.16667M12.2085 7.41667C12.6918 7.41667 13.0833 7.025 13.0833 6.54175V5.54164C13.0833 5.05839 12.6916 4.66667 12.2083 4.66667H10.4583C9.97507 4.66667 9.58333 5.05842 9.58333 5.54167V6.16749"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
