<template>
  <div class="relative w-full grid gap-8">
    <AisHeader site="AIS Component Library"
               href="https://ais-components.its.uiowa.edu/"
    >
      <template #banner>
        <AisBanner variant="danger" message="Maintenance Scheduled for 05/25/2022 from 12:00am-2:00am"></AisBanner>
      </template>
    </AisHeader>
  </div>
</template>

<script setup>
  import AisHeader from "@/components/header/AisHeader.vue";
  import AisBanner from "@/components/banner/AisBanner.vue";
</script>

<script>
export default {
  name: "AisHeaderBannerSlot"
}
</script>