import React from 'react'

export default function ExerciseListBulkToolbar({
  selectedCount,
  bulkMaxIds,
  onClearSelection,
  onOpenBulkModal,
}) {
  if (selectedCount < 1) return null

  return (
    <div className="card exercise-bulk-toolbar" data-testid="exercise-list-bulk-toolbar">
      <strong>{selectedCount} ausgewählt</strong>
      <button type="button" className="btn btn-secondary btn-small" onClick={onClearSelection}>
        Auswahl aufheben
      </button>
      <button type="button" className="btn btn-primary btn-small" onClick={onOpenBulkModal}>
        Massenänderung…
      </button>
      <span className="exercise-bulk-toolbar__meta">
        Bis zu {bulkMaxIds} pro Anfrage. Für „Verein“ ohne Auswahl: aktiver Vereinskontext (
        <code>X-Active-Club-Id</code>
        ).
      </span>
    </div>
  )
}
