function QuantitySelector({ value, onChange, min = 1 }) {
  return (
    <span>
      <button onClick={() => onChange(Math.max(min, (value||1)-1))}>-</button>
      <input style={{ width: 40, textAlign: 'center' }} value={value} onChange={(e)=>onChange(parseInt(e.target.value||1,10))} />
      <button onClick={() => onChange((value||1)+1)}>+</button>
    </span>
  );
}

window.Components = window.Components || {};
window.Components.QuantitySelector = QuantitySelector;