<template>
  <div class="relative w-full">
    <AisHeader site="AIS Component Library"
               href="https://ais-components.its.uiowa.edu/"
               auth
               user="bbrn"
               :user-menu-items="userMenuItems"
               :searchable="true"
               :nav-items="mainNav"
               :secondary-nav-items="secondaryNav"
               :banner="banner"
    ></AisHeader>
  </div>
</template>

<script setup>
  import AisHeader from "@/components/header/AisHeader.vue";
  import { userMenuItems } from "@/components/brand-bar/user-menu";
  import { mainNav, secondaryNav } from "@/components/nav/examples/nav-examples";
  import { banner } from "@/components/header/examples/ais-banner";
</script>

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