<script setup lang="ts">
import LeftSide from './subCom/LeftSide.vue'
import NavBar from './subCom/NavBar.vue'
import MainWrapper from './subCom/MainWrapper.vue'
import RightSide from './subCom/RightSide.vue'
</script>

<template>
  <section class="h-full flex">
    <LeftSide class="w-[260px]" />
    <main class="grow h-full">
      <NavBar />
      <MainWrapper />
    </main>
    <RightSide class="w-[300px]" />
  </section>
</template>

<style lang="scss" scoped>
section {
  main {
    border-left: 1px solid #e4e7ed;
    border-right: 1px solid #e4e7ed;
  }
}
</style>
