<script lang="ts" setup></script>

<template>
  <section class="widget-wrapper !dark:bg-dark-900 flex flex-col bg-light-50 w-full h-full">
    <!-- Header -->
    <slot name="header"></slot>

    <!-- Container -->
    <slot></slot>

    <!-- Footer -->
    <slot name="footer"></slot>
  </section>
</template>

<style lang="less" scoped>
  :deep(.ant-spin-spinning) {
    @apply flex justify-center items-center w-full h-full;
  }
</style>