<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>