@props([
    'title' => 'Confirmação',
    'description' => 'ação',
])

<div class="modal fade" id="confirmActionModal" role="dialog" aria-labelledby="confirmActionModalLabel">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header bg-primary">
                <h5 class="modal-title text-white" id="confirmActionModalLabel">{{$title}}</h5>
                <button class="close text-white" type="button" data-dismiss="modal" aria-label="Close">
                    <span>×</span>
                </button>
            </div>
            <div class="modal-body">
                <h5 id="confirmActionBody">Deseja realmente marcar como <span id="confirmActionLabel" class="text-primary"></span> o <span id="confirmActionItem" class="text-danger"></span>?</h5>
            </div>
            <div class="modal-footer">
                <button class="btn btn-secondary" type="button" data-dismiss="modal">Cancelar</button>
                <a class="btn btn-primary" href="#" id="confirm-action-btn">Confirmar</a>
            </div>
        </div>
    </div>
</div>