<script>
import { mapMutations, mapState } from "vuex";

export default {
    name: "Burger",
    computed: {
        ...mapState('ui', ["burger_activa"])
    },
    methods: {
        ...mapMutations('ui', ["toggleBurger"]),
    }
}
</script>

<template>
    <a role="button"
       class="navbar-burger"
       :class="{'is-active': burger_activa}"
       aria-label="menu"
       aria-expanded="false"
       data-target="nav-bar"
       @click="toggleBurger">
        <span aria-hidden="true"></span>
        <span aria-hidden="true"></span>
        <span aria-hidden="true"></span>
    </a>
</template>

<style scoped>
</style>
