Copy<script setup lang="ts">
import { ref } from 'vue'

const open = ref(false)
</script>

<template>
  <TxButton variant="primary" @click="open = true">Open Modal</TxButton>
  <TxModal v-model="open" title="Quick Action">
    <p>Give the user a short task or decision.</p>
    <template #footer>
      <TxButton variant="ghost" @click="open = false">Cancel</TxButton>
      <TxButton variant="primary" @click="open = false">Confirm</TxButton>
    </template>
  </TxModal>
</template>