<template>
    <v-btn
        text
        small
        class="mr-2 text-no-transform"
        @click="item.Click()"
    >
        <v-icon>
            {{item.icon}}
        </v-icon>

        {{caption}}
    </v-btn>
</template>

<script>
    export default {
        
        props: {
            item: {required: true},
        },

        computed: {

            caption() {
                return _.isFunction(this.item.caption) ? this.item.caption() : this.item.caption;
            }

        },

        name: 'SimpleItem',
    }
</script>