// 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 SvgNumberThree = ({
  color,
  className,
  ...props
}: SVGProps<SVGSVGElement> & {
  color?: Color
}) =>
  React.cloneElement(
    <svg
      width={16}
      height={16}
      viewBox="0 0 16 16"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
    >
      <path
        d="M6.84338 7.41662H10.0422M10.0422 7.41662H10.6251C11.7527 7.41662 12.6669 8.33028 12.6669 9.45788V12.9585C12.6669 14.0861 11.7527 15.0002 10.6251 15.0002H5.37499C4.24737 15.0002 3.33325 14.0861 3.33325 12.9585V11.5001M10.0422 7.41662C11.1698 7.41662 12.0835 6.50271 12.0835 5.3751V3.04142C12.0835 1.91381 11.1694 0.999756 10.0418 0.999756L5.95832 0.999762C4.83071 0.999769 3.91661 1.91388 3.91661 3.04149V4.5018"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
