import React from 'react';

interface NumberInputProps {
    value: number | string;
    onChange: (value: number) => void;
    placeholder?: string;
}

export default function NumberInput({ value, onChange, placeholder = '' }: NumberInputProps) {
    return (
        <input
            type="number"
            className="w-full rounded-md border-gray-300 shadow-sm focus:border-indigo-500 focus:ring-indigo-500 text-sm"
            placeholder={placeholder}
            value={value ?? ''}
            onChange={(e) => onChange(Number(e.target.value))}
        />
    );
}