<script setup lang="ts">
import DialogHeader from "@/components/DialogHeader.vue";

const modal = defineModel<boolean>("modal", { required: true });

function onCloseDialog() {
  modal.value = false;
}
</script>
<template>
  <q-dialog v-model="modal" persistent>
    <q-card style="width: 700px; max-width: 80vw">
      <DialogHeader tittle="วิธีการใช้งาน" :close="onCloseDialog" />
      <q-separator />

      <q-card-section> </q-card-section>

      <q-separator />

      <q-card-actions align="right" class="bg-white text-teal">
        <q-btn label="ปิด" color="secondary" @click.pervent="onCloseDialog()" />
      </q-card-actions>
    </q-card>
  </q-dialog>
</template>

<style scoped></style>
