<template>
  <div :class="class">
    <q-dialog
      v-model="internalModel"
      maximized
      transition-show="slide-up"
      transition-hide="slide-down"
    >
      <q-card class="dialog_card maximized-dialog-card">
        <q-toolbar class="bg-primary text-white">
          <q-toolbar-title>
            {{ title }}
          </q-toolbar-title>
          <q-btn
            flat
            round
            color="white"
            icon="close"
            v-close-popup
          ></q-btn>
        </q-toolbar>

        <q-card-section class="inset-shadow">
          <slot></slot>
        </q-card-section>
        <q-card-actions align="right">
          <q-btn
            flat
            round
            color="white"
            label="CHIUDI"
            icon="close"
            v-close-popup
          ></q-btn>
        </q-card-actions>
      </q-card>
    </q-dialog>
  </div>
</template>

<script lang="ts" src="./CMyDialog.ts"></script>

<style lang="scss" scoped>
@import './CMyDialog';
</style>
