<template>
  <v-app-bar app :elevation="2">
  <template v-slot:prepend>
      <v-app-bar-nav-icon @click="$emit('toggle-drawer')"></v-app-bar-nav-icon>
  </template>
  <template v-slot:append>
      <v-btn icon>
          <v-icon>mdi-magnify</v-icon>
      </v-btn>
      <v-btn icon>
          <v-icon>mdi-bell</v-icon>
      </v-btn>
      <v-btn icon @click="$emit('logout')">
          <v-icon>mdi-logout</v-icon>
      </v-btn>
  </template>

  <v-app-bar-title>Student Management Application</v-app-bar-title>
  </v-app-bar>
</template>

<script setup>
</script>

<style scoped>

</style>
