import { Minus, Plus } from "lucide-react";

export function QuantityControl({ value, stock, label, onChange }: { value: number; stock: number; label: string; onChange: (quantity: number) => void }) {
  return <div className="quantity-control" role="group" aria-label={`Quantity for ${label}`}><button type="button" disabled={value <= 1} onClick={() => onChange(value - 1)} aria-label={`Decrease quantity for ${label}`}><Minus size={14} /></button><span aria-live="polite">{value}</span><button type="button" disabled={value >= stock} onClick={() => onChange(value + 1)} aria-label={`Increase quantity for ${label}`}><Plus size={14} /></button></div>;
}