@props(['title' => 'Confirm', 'wireClose' => ''])

<div class="fixed inset-0 flex items-center justify-center z-50 bg-black bg-opacity-50">
    <div class="bg-white rounded-xl shadow-lg w-full max-w-md p-6 space-y-4">
        <h2 class="text-lg font-semibold text-gray-800">{{ $title }}</h2>
        <p class="text-sm text-gray-600">{{ $slot }}</p>

        <div class="flex justify-end space-x-3 mt-6">
            <button wire:click="{{ $wireClose }}" class="px-4 py-2 text-sm text-gray-700 bg-gray-100 rounded hover:bg-gray-200">
                Cancel
            </button>
            <button wire:click="{{ $attributes->get('wire:click') }}" class="px-4 py-2 text-sm text-white bg-red-600 rounded hover:bg-red-700">
                Confirm
            </button>
        </div>
    </div>
</div>