<script setup lang="ts">
import { ref } from "vue";
const props = defineProps({
  modelValue: {
    type: Boolean,
  },
});

const emit = defineEmits(["update:modelValue"]);


</script>

<template>
  <div class="text-center">
    <v-dialog :model-value="modelValue" scrollable class="dialog-mw" persistent>
      <v-card>
        <v-card-title>
          <slot name="title"></slot>
        </v-card-title>
        <v-divider></v-divider>
        <v-card-text style="height: 300px" class="overflow-auto">
          <slot name="text"></slot>
        </v-card-text>
        <v-divider></v-divider>
        <v-card-actions>
          <v-spacer></v-spacer>
          <slot name="actions"></slot>
        </v-card-actions>
      </v-card>
    </v-dialog>
  </div>
</template>
