21 lines
661 B
Vue
21 lines
661 B
Vue
<template>
|
|
<div class="fixed inset-0 bg-black/50 flex items-center justify-center z-50">
|
|
<div class="bg-white rounded-lg p-6 max-w-sm w-full shadow-xl">
|
|
<h3 class="text-lg font-semibold mb-4">{{ title }}</h3>
|
|
<p class="mb-6">{{ message }}</p>
|
|
<div class="flex justify-end gap-2">
|
|
<button @click="$emit('cancel')" class="px-4 py-2 bg-gray-300 rounded">Batal</button>
|
|
<button @click="$emit('confirm')" class="px-4 py-2 bg-blue-600 text-white rounded">Ya</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
|
|
<script setup>
|
|
defineProps({
|
|
title: String,
|
|
message: String
|
|
});
|
|
defineEmits(["confirm", "cancel"]);
|
|
</script>
|