<template>
  <v-list>
    <v-list-item link to="/main/management/servicemanagement">
      <v-list-item-icon>
        <v-icon>{{ work }}</v-icon>
      </v-list-item-icon>
      <v-list-item-title>
        Dienstverwaltung
      </v-list-item-title>
    </v-list-item>
    <v-list-item link to="/main/management/usermanager">
      <v-list-item-icon>
        <v-icon>{{list}}</v-icon>
      </v-list-item-icon>
      <v-list-item-title>
        Benutzerliste
      </v-list-item-title>
    </v-list-item>
    <v-list-item link to="/main/management/workgroupmanagement">
      <v-list-item-icon>
        <v-icon>{{group}}</v-icon>
      </v-list-item-icon>
      <v-list-item-title>
        Arbeitsgruppen
      </v-list-item-title>
    </v-list-item>
  </v-list>
</template>

<script>
import { mdiBriefcase, mdiAccountMultiple, mdiAccountGroup } from '@mdi/js'
export default {
  name: 'ManagementNavigation',
  data() {
    return {
      work: mdiBriefcase,
      list: mdiAccountMultiple,
      group: mdiAccountGroup
    }
  }
}
</script>

<style scoped></style>
