<template>
    <v-card elevation="10" class="mx-auto" width="100%" height="420px" title="Job Roles Manager" subtitle="Allows control of creating, editing job roles.">
        <template v-slot:prepend>
        <v-avatar color="blue-darken-2" size="40">
            <v-icon size="large" icon="mdi-briefcase"></v-icon>
        </v-avatar>
        </template>
        <template v-slot:append>
        <v-avatar color="green-darken-1" size="20">
            <v-icon size="small" icon="mdi-plus"></v-icon>
        </v-avatar>
        </template>
        <v-card-text></v-card-text>
    </v-card>
</template>
<script scoped>
    export default {
        data: () => ({

        }),

        watch: {

        },

        methods: {

        }
    }
</script>