<template>
    <v-sheet
        class="transparent"
    >
        <v-chip
            v-if="role"
            :color="role.color"
            class="white--text"
            :small="small"
        >
            {{ role.name }}
        </v-chip>
        <span v-else>
            -
        </span>
    </v-sheet>
</template>

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

        name: 'Role',
    }
</script>