<script setup>
const { menuOpen } = useMenuState()
</script>

<template>
  <div class="site-shell post-layout">
    <SiteHeader />
    <div class="site-content-grid post-layout__grid" :class="{ 'site-content-grid--menu-closed': !menuOpen }">
      <LeftSidebar v-show="menuOpen" />
      <main class="site-main post-main w-full px-5 py-8 lg:w-[720px]" :class="{ 'site-main--menu-closed': !menuOpen }">
        <slot />
      </main>
      <RightSidebar />
    </div>
  </div>
</template>
