<template>
  <AisBrandBar site="AIS Component Library"
               href="https://ais-components.its.uiowa.edu/"
               searchable
               auth
               user="bbrn"
               :user-menu-items="userMenuItems"
               @searchClick="handleSearchClick"
               @logout="handleLogout"
  ></AisBrandBar>
</template>


<script setup>
import AisBrandBar from "@/components/brand-bar/AisBrandBar.vue";
import { userMenuItems } from "@/components/brand-bar/user-menu";

const handleSearchClick = () => { console.log(`handleSearchClick...`) }
const handleLogout = (e) => { console.log(`handleLogout: ${e}`) }

</script>

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