@props(['footer' => null])
<div wire:ignore.self id="{{ $attributes['id'] }}" data-bs-backdrop="static" data-bs-keyboard="false" class="modal fade"
    aria-labelledby="{{ $attributes['id'] }}" aria-hidden="true">
    <div
        class="modal-dialog modal-dialog-scrollable modal-dialog-{{ $attributes['position'] ? $attributes['position'] : 'centered' }} {{ $attributes['size'] ? 'modal-' . $attributes['size'] : '' }}">
        <div class="modal-content">
            <div class="modal-header">
                <h4 class="modal-title" id="{{ $attributes['id'] }}" style="font-weight: 900;">{{ $attributes['title'] }}
                </h4>
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
            </div>
            <div class="modal-body">
                <div id="map"></div>
                {{ $slot }}
            </div>

        </div>
    </div>
</div>
