    <div class="fixed inset-0 z-20 flex items-center justify-center" x-cloak {{ $attributes }}>
        <div class="fixed inset-0 bg-black opacity-50"></div>
        <div class="relative w-full max-w-md 2xl:max-w-xl p-6 mx-4 bg-white rounded-lg shadow-lg">
            <h3 class="text-lg font-medium text-gray-900">{{ $title }}</h3>
            {{ $slot }}
        </div>
    </div>
