"use client";

type Props = {
  value: string;
  onChange: (next: string) => void;
  defaultLimit: number;
  actionLabel: string;
};

export function ConcurrencyControl({
  value,
  onChange,
  defaultLimit,
  actionLabel,
}: Props) {
  return (
    <label className="flex items-center gap-1 text-xs text-muted-foreground">
      <span>Parallel</span>
      <input
        type="number"
        min={1}
        step={1}
        inputMode="numeric"
        value={value}
        placeholder={String(defaultLimit)}
        aria-label={`parallel limit for ${actionLabel}`}
        onChange={(e) => onChange(e.target.value)}
        className="w-16 font-mono px-2 py-1 rounded border border-border bg-card text-foreground"
      />
    </label>
  );
}