<template>
  <AppHeader />
  <div class="flex md:pt-16 pt-[5rem] flex-grow">
    <AppSidebar />

    <div class="w-full flex-1">
      <main class="w-full">
        <slot></slot>
      </main>
      <AppFooter />
    </div>
  </div>
  <AppFloatingButtons />
</template>

<script lang="ts" setup>
const { initTheme } = useDarkMode();

onMounted(() => {
  initTheme();
});
</script>

<style></style>