import React, { useState } from 'react';
import './InputNumber.css';

export default function KoleInputNumber({ value = 1, min = 0, max = 100, step = 1, precision = 0, disabled = false, children, onChange, onClick, onClose, onSubmit, onLoadMore }) {
  
  return (
    <div className="kole-inputnumber-root">
      <div className="kole-inputnumber kole-inputnumber-input-row"><button className="kole-inputnumber-action" type="button" onClick={() => onChange && onChange(Number(value) - step)} aria-label="减少">−</button><input className="kole-inputnumber-control kole-inputnumber-number" type="number" value={value} min={min} max={max} step={step} disabled={disabled} onChange={(e) => onChange && onChange(Number(e.target.value))} /><button className="kole-inputnumber-action" type="button" onClick={() => onChange && onChange(Number(value) + step)} aria-label="增加">+</button></div>
    </div>
  );
}