<script setup lang="ts">
const isLoading = ref(true)

onMounted(() => {
  isLoading.value = false
})
</script>

<template>
  <LayoutsHeader />
  <AtomsLoadingSimple :is-loading="isLoading" />
  <main id="LayoutsMain">
    <slot />
  </main>

  <LayoutsFooter />
</template>

<style scoped>
#LayoutsMain {
  @apply relative min-h-[200px] md:min-h-[800px] z-[91];
}
</style>
