<template>
    <v-card tile flat>
        <role-item 
            v-for="(role, index) in roles"
            :key="'role-' + index"
            :app="app"
            :role="role"
        />
    </v-card>
</template>

<script>
    export default {
        props: {
            app: {required: true},
            roles: {default: () => []},
        },

        name: 'UserRolesList',
    }
</script>