@props([
    'dirty' => true,
    'dirtyLabel' => null,
    'submittingLabel' => null,
])

{{-- Barra de ações do formulário: primário à direita, secundário (cancelar/voltar) à esquerda.
     Quando o formulário é mais alto que a tela, a barra fica **sticky** no rodapé do scrollport —
     `position: sticky`, nunca `fixed` sobre o conteúdo (o conteúdo continua alcançável e o
     empilhamento não cobre campo nenhum). O estado “sujo” e “enviando” são texto (não só cor) e
     vivem em regiões `status`: o JS do shell revela o texto quando o formulário muda/é enviado. --}}
<div class="cms-form-actions" data-cms-form-actions>
    @if ($dirty)
        <p data-dirty-indicator role="status" class="cms-form-actions__status" hidden>
            {{ $dirtyLabel ?? __('layout::shell.unsaved_changes') }}
        </p>
    @endif

    <p data-form-submitting role="status" class="cms-form-actions__status" hidden>
        {{ $submittingLabel ?? __('layout::shell.submitting') }}
    </p>

    <div class="cms-form-actions__buttons">
        @isset($secondary)
            {{ $secondary }}
        @endisset

        {{ $slot }}
    </div>
</div>