<div role="modal simple">
    <div wire:ignore.self id="{{ $identificador }}" name="{{ $identificador }}" class="modal fade" tabindex="-1"
        aria-labelledby="exampleModalLabel" aria-hidden="true">
        <div class="modal-dialog @if($tipo=="lg") modal-lg  @elseif($tipo=="sm") modal-sm @endif">
            <div class="modal-content  ">
                <div class="modal-header px-2  py-1 bg-{{ config('app.color-principal') }}">
                    <img src="{{ asset('img/logo/logo.png') }}" style="height:35px; max-height:35px;"
                        class="rounded float-start" alt="...">
                    <h5 class="modal-title" id="exampleModalLabel"> <strong>&nbsp;{{ $titulo }}</strong></h5>
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"
                        wire:loading.attr="disabled" wire:click="resetear"></button>
                </div>
                <div align=center {{ $attributes->merge(['class' => 'modal-body']) }}>
                    <div wire:loading wire:target="preparar">
                        <div class="d-flex justify-content-center">
                            <div class="spinner-border" role="status"></div>
                        </div>
                        <div><strong>Preparando...</strong></div>
                    </div>
                    <div wire:loading wire:target="{{ $accion }}" class="{{ config('app.text') }}">
                        <div class="d-flex justify-content-center">
                            <div class="spinner-border" role="status"></div>
                        </div>
                        <div><strong>{{ $msj }}...</strong></div>
                    </div>
                    <div wire:loading.remove wire:target="{{ $accion }}">
                        {{ $body }}
                    </div>
                </div>
                <div class="modal-footer py-1">
                    {{ $footer }}
                </div>
            </div>
        </div>
    </div>
</div>
