<template>
              <v-card>
            <v-toolbar dark color="primary">
              <v-toolbar-title>Meny</v-toolbar-title><v-spacer></v-spacer>
              <v-toolbar-items>
              <v-btn
                dark
                text
                @click="$emit('close')"
              >
                Tilbakestill
              </v-btn>
                            <v-btn
                dark
                text
                @click="$emit('close')"
              >
                Lukk
              </v-btn>
            </v-toolbar-items>
            </v-toolbar>
            <v-container><v-row><v-col>

              <v-checkbox
                v-model="toggleSearchToolbar"
                label="Vis valg av ordklasse"
                hide-details
              ></v-checkbox>
             </v-col> </v-row>
            </v-container>
          </v-card>
</template>

<script>

export default {
    name: "Menu",
    computed: {
        toggleSearchToolbar: {
            get () {
            return this.$store.state.showSearchToolbar
            },
            set (value) {
            this.$store.commit("toggleSearchToolbar")
            }
        }
    }
        
    

}
</script>