@props(['title', 'maxWidth' => 'max-w-md'])

@if($show)
<div class="admin-modal-overlay" wire:click.self="{{ $closeAction ?? '$set(\'showModal\', false)' }}">
    <div class="admin-modal {{ $maxWidth }}" @click.stop>
        @if(isset($header) || isset($title))
            <div class="admin-modal-header">
                @if(isset($header))
                    {{ $header }}
                @else
                    <h3>{{ $title }}</h3>
                @endif
            </div>
        @endif

        <div class="admin-modal-body">
            {{ $slot }}
        </div>

        @if(isset($footer))
            <div class="admin-modal-footer">
                {{ $footer }}
            </div>
        @endif
    </div>
</div>
@endif