<template>
    <b-button v-on:click="click" variant="outline-primary" class="moodButton">{{mood.Key}}</b-button>
</template>

<script>
    export default {
        name: "ChoiceButton",
        props: {
            mood: Object
        },
        methods: {
            click: function(e) {
                this.$emit('selected', e, this.mood)
            }
        }
    }
</script>

<style scoped>
.moodButton {
    font-size: 24pt;
    margin: 1em;
}
</style>