<template>
    <v-chip
        small
        outlined
        :color="categoryColor"
    >
        {{ curs.category ? curs.category.name : __('fără categorie')}}
    </v-chip>
</template>

<script>
    export default {
        props: {
            curs: {required: true},
            app: {required: true},
            color: {default: '#00a0db'}
        },

        computed: {
            categoryColor() {
                return this.curs.category ? this.color : 'red'; 
            }
        },

        name: 'CursCategory',
    }
</script>