<script setup lang="ts">
import { ModelRef } from 'vue';
import cardView from './cardView.vue';

const showDialog: ModelRef<boolean> = defineModel()

defineProps({
  title: String,
  icon: {
    type: String
  },
  subtitle: {
    type: String
  }
})
</script>

<template>
  <v-dialog max-width="1200" v-model="showDialog">
    <card-view
      :title="title"
      :subtitle="subtitle"
      :icon="icon"
      :tonal="false"
    >
      <slot></slot>

      <template #borderless>
        <slot name="borderless"></slot>
      </template>

      <template #actions>
        <slot name="actions"></slot>
      </template>
    </card-view>
  </v-dialog>
</template>