<template>
    <li v-bind:class="classes">
        <a v-bind:href="href" :target="target" v-bind:title="label">
             <img class="side-menu-app-icon" v-bind:src="icon"></span>
             <span class="side-menu-app-text" v-html="label"></span>
        </a>
    </li>
</template>

<script>
export default {
    name: 'SideMenuBigApp',
    props: {
        label: {
            type: String,
            required: true
        },
        icon: {
            type: String,
            required: true
        },
        href: {
            type: String,
            required: true
        },
        classes: {
            type: Object,
            required: true
        },
        target: {
            type: String,
            required: false
        },
    },
}
</script>
