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

const props = defineProps({
  modal: {
    type: Boolean,
    default: false,
  },
  title: {
    type: String,
    default: "",
  },
  desc: {
    type: String,
    default: "",
  },
  clickClose: {
    type: Function,
  },
});
</script>

<template>
  <q-dialog v-model="props.modal" persistent>
    <q-card style="width: 35vw; max-width: 35vw">
      <q-form ref="myForm">
        <DialogHeader :tittle="props.title" :close="clickClose" />
        <q-separator />
        <q-card-section class="q-pa-md bg-grey-1">
          <div class="row col-12">
            {{ props.desc }}
          </div>
        </q-card-section>
      </q-form>
    </q-card>
  </q-dialog>
</template>
