<template>
  <div class="page">
    <div class="pageSectionTop">
      <NavBarAdmin />
    </div>
    <div class="pageSectionLeft">
      <SideBarAdmin />
    </div>
    <div class="pageSectionMain">
      <div class="content-wrapper mt-70px">
        <!-- Content -->
        <div class="container flex-grow-1 container-p-y">
          <slot />
        </div>
        <!-- / Content -->
        <!-- Footer -->
        <FooterSection />
        <!-- / Footer -->
        <div class="content-backdrop fade"></div>
      </div>
    </div>
  </div>
</template>

<style scoped>
@use page {
  layout: topLeft;
}
</style>