<template>
    <v-card
        flat
        rounded
        
        width="25%"
        class="float-left pa-1"
        @click="OnClickPermission"
    >
        <v-sheet outlined class="ml-1 mb-1 pa-1 text-caption">
            {{permission.name}}
        </v-sheet>
    </v-card>
</template>

<script>
    export default {
        props: {
            app: {required: true},
            role: {required: true},
            permission: {required: true},
        },

        methods: {
            OnClickPermission() {
                this.app.classes.Controller.SetActivePermission(this.permission);
            }
        },

        name: 'RolePermissionItem',
    }
</script>