<template>
  <div
    class="bg-bg-light dark:bg-bg-dark text-text-light dark:text-text-dark font-inter flex min-h-[calc(100vh-50px)] flex-col overflow-hidden"
  >
    <HeaderBlock />
    <div
      class="flex py-[25px] sm:py-[55px] md:py-[75px] space-y-[55px] sm:space-y-[75px] md:space-y-[100px] text-inter min-h-[inherit] flex-col justify-between"
    >
      <slot />
    </div>
    <!-- <FooterBlock /> -->
  </div>
</template>

<script setup lang="ts">
// import FooterBlock from "~/components/section/FooterBlock.vue";
// useHead({
//   link: [{ rel: "icon", type: "image/x-icon", href: "/favicon.png" }],
// });
</script>
