Number Input

1'use client';
2 
3import { forwardRef } from 'react';
4import { useComponentConfig } from '../config-provider/context';
5import NumberInputUI from './NumberInputUI';
6import type { NumberInputProps } from './types';
7 
8const NumberInput = forwardRef<HTMLInputElement, NumberInputProps>((props, ref) => {
9  const config = useComponentConfig('numberInput');
10 
11  const mergedProps = {
12    ...config,
13    ...props
14  };
15 
16  return (
17    <NumberInputUI
18      {...mergedProps}
19      ref={ref}
20    />
21  );
22});
23 
24NumberInput.displayName = 'NumberInput';
25 
26export default NumberInput;