shinkan-jinkendo/frontend/src/components/FormActionBar.jsx

/**
 * Feste Aktionsleiste für Formulare/Modale: Speichern, Speichern & schließen, Abbrechen.
 * Bleibt sichtbar (sticky), während der Formularinhalt scrollt.
 */
export default function FormActionBar({
  placement = 'bottom',
  variant = 'default',
  saving = false,
  saveLabel,
  saveAndCloseLabel = 'Speichern & schließen',
  cancelLabel = 'Abbrechen',
  onSave,
  onSaveAndClose,
  onCancel,
  showSave = true,
  showSaveAndClose = true,
  showCancel = true,
  formId,
  isNew = false,
  primaryIsSaveOnly = false,
}) {
  const labelSave = saveLabel ?? (isNew ? 'Anlegen' : 'Speichern')
  const showSaveBtn = showSave && (Boolean(onSave) || Boolean(formId))
  const showCloseBtn = showSaveAndClose && (Boolean(onSaveAndClose) || Boolean(formId))
  const showCancelBtn = showCancel && Boolean(onCancel)

  if (!showSaveBtn && !showCloseBtn && !showCancelBtn) return null

  const saveBtnClass = `btn form-action-bar__btn${
    primaryIsSaveOnly ? ' btn-primary' : ' btn-secondary'
  }`
  const closeBtnClass = `btn form-action-bar__btn${
    primaryIsSaveOnly ? ' btn-secondary' : ' btn-primary'
  }`

  return (
    <div
      className={`form-action-bar form-action-bar--${placement} form-action-bar--${variant}`}
      role="group"
      aria-label="Formularaktionen"
    >
      <div className="form-action-bar__inner">
        {showCancelBtn ? (
          <button
            type="button"
            className="btn btn-secondary form-action-bar__btn form-action-bar__btn--cancel"
            onClick={onCancel}
            disabled={saving}
          >
            {cancelLabel}
          </button>
        ) : (
          <span className="form-action-bar__spacer" aria-hidden />
        )}
        <div className="form-action-bar__primary-group">
          {showSaveBtn ? (
            <button
              type={formId && !onSave ? 'submit' : 'button'}
              form={formId && !onSave ? formId : undefined}
              className={saveBtnClass}
              disabled={saving}
              onClick={onSave || undefined}
            >
              {saving ? 'Speichern…' : labelSave}
            </button>
          ) : null}
          {showCloseBtn ? (
            <button
              type={formId && !onSaveAndClose ? 'submit' : 'button'}
              form={formId && !onSaveAndClose ? formId : undefined}
              className={closeBtnClass}
              disabled={saving}
              onClick={onSaveAndClose || undefined}
            >
              {saving ? 'Speichern…' : saveAndCloseLabel}
            </button>
          ) : null}
        </div>
      </div>
    </div>
  )
}