Modal Dialog

<!-- Trigger Modal -->
<x-button variant="primary" @click="$dispatch('open-modal', 'demo-modal-1')">
    Buka Modal Dialog
</x-button>

<!-- Komponen Modal -->
<x-modal name="demo-modal-1" maxWidth="md">
    <div class="p-6">
        <h2 class="text-lg font-bold text-gray-900 dark:text-white mb-2">Konfirmasi Tindakan</h2>
        <p class="text-sm text-gray-500 dark:text-gray-400 mb-6">Apakah Anda yakin ingin melanjutkan tindakan ini?</p>
        <div class="flex justify-end gap-3">
            <x-button variant="outline" @click="$dispatch('close-modal', 'demo-modal-1')">Batal</x-button>
            <x-button variant="danger" @click="$dispatch('close-modal', 'demo-modal-1')">Lanjutkan</x-button>
        </div>
    </div>
</x-modal>