<template>
  <BaseModal v-model="isRevealed" readonly @cancel="cancel(false)">
    <template #title> Confirm </template>
    <div>
      <p>{{ text }}</p>
    </div>
    <div class="modal-action">
      <BaseButton type="submit" @click="confirm(true)"> Confirm </BaseButton>
    </div>
  </BaseModal>
</template>

<script setup lang="ts">
  const { text, isRevealed, confirm, cancel } = useConfirm();
</script>