<script setup lang="ts">

import TimeBookingsNewSummary
  from "@/views/dashboards/departmentDashboard/modules/time-bookings/book/displays/TimeBookingsNewSummary.vue";
</script>

<template>
  <div class="columns is-multiline">
    <!-- Left column -->
    <div class="column is-8">
      <slot name="content-left"></slot>
    </div>
    <!-- Summary of the new time booking -->
    <div class="column is-4">
      <TimeBookingsNewSummary />
      <!-- Additional slot -->
      <slot name="content-right"></slot>
    </div>
    <!-- Bottom column -->
    <div class="column is-full">
      <slot name="content-bottom"></slot>
    </div>
  </div>
</template>

<style scoped>

</style>