@props([
    'open' => false,
    'maxWidth' => '2xl',
])

<div
    x-data="{ showModal: @entangle($attributes->wire('model')) }"
    x-show="showModal"
    x-transition.opacity
    class="fixed inset-0 z-50 flex items-center justify-center overflow-auto bg-black bg-opacity-50"
    style="display: none;"
>
    <div
        @click.away="showModal = false"
        class="bg-white dark:bg-gray-800 rounded-lg overflow-hidden shadow-xl transform transition-all sm:w-full sm:max-w-{{ $maxWidth }}"
    >
        {{ $slot }}
    </div>
</div>