<script lang="ts" setup>
import {useNotificationStore} from "~/store/notification";

const notification = computed(() => useNotificationStore().notification);
const hasNotification = computed(() => useNotificationStore().hasNotification);
const type = computed(() => useNotificationStore().type);

</script>
<template>
  <team-header/>
  <main class="main-content">
    <slot/>
    <toaster v-if="hasNotification" :title="notification.message" :type="type">
      <ul v-if="notification.details">
        <li v-for="detail in notification.details">{{ detail }}</li>
      </ul>
    </toaster>
  </main>
  <main-footer/>
</template>
