@php
    $id = $id ?? 'modal-' . uniqid();
    $title = $title ?? 'Modal';
    $size = $size ?? null; // 'sm', 'lg', 'xl'
@endphp
<div class="modal fade" id="{{ $id }}" tabindex="-1" role="dialog"
     aria-labelledby="{{ $id }}-label" aria-hidden="true"
     data-bs-backdrop="{{ $backdrop ?? 'true' }}"
     data-bs-keyboard="{{ $keyboard ?? 'true' }}">
    <div class="modal-dialog @if($size)modal-{{ $size }} @endif">
        <div class="modal-content shadow-sm">
            <header class="modal-header">
                <h5 class="modal-title" id="{{ $id }}-label">{{ $title }}</h5>
                <button type="button" class="btn-close" data-bs-dismiss="modal"
                        aria-label="Fechar"></button>
            </header>
            <div class="modal-body">
                {{ $slot }}
            </div>
            @if(isset($footer))
                <footer class="modal-footer">
                    {{ $footer }}
                </footer>
            @endif
        </div>
    </div>
</div>