<template>
  <div class="bg box-border w-full h-screen flex pt-[8px] pb-[8px] pl-[8px] ">
    <div class="flex-1 flex gap-[8px]">
      <div class="flex-1 h-full">
        <slot></slot>
      </div>
      <TaskList>
        <slot name="task"></slot>
      </TaskList>
    </div>

    <Menus />
  </div>
</template>

<script setup lang="ts" name="Layout">
import TaskList from '@/components/TaskList/index.vue'
import Menus from '@/components/Menus/index.vue'
</script>