<script lang="ts" setup>
import ElSpinner from './ElSpinner.vue'

defineProps({
  title: { type: String, default: '' },
  loading: { type: Boolean, default: false },
  back: {
    type: Object,
    default: () => {},
  },
})
</script>

<template>
  <div class="app-page m-auto">
    <div class="">
      <div v-if="loading" class="text-theme-300 flex justify-center pt-32">
        <ElSpinner class="h-12 w-12" />
      </div>

      <div v-show="!loading" class="app-page-content">
        <slot />
      </div>
    </div>
  </div>
</template>
