<template>
  <v-row no-gutters>
    <v-col cols="12">
      <span
        class="font-weight-medium text-subtitle-1 text-decoration-underline cursor-pointer"
        @click="emit('back')"
      >
        Back
      </span>
    </v-col>
    <v-col cols="12">
      <span class="text-h5 font-weight-medium">{{ props.title }}</span>
    </v-col>

    <v-col cols="12" class="mt-4">
      <slot name="default"> </slot>
    </v-col>

    <v-col cols="12" class="mt-4">
      <slot name="footer"> </slot>
    </v-col>
  </v-row>
</template>

<script setup lang="ts">
const emit = defineEmits(["back"]);
const props = defineProps({
  title: {
    type: String,
    default: "",
  },
});
</script>
