<template>
    <v-card-text class="py-0 px-1">
        <div class="my-0 text-body-2">
            <div v-if="curs.category" class="font-weigth-bold">
                {{ curs.category.name  }} 
            </div>

            <template v-if="!! curs.k_level || !! curs.k_duration">
                <div class="text-caption" v-if="!! curs.k_level">
                    {{ __('Nivel :nivel', {nivel: curs.k_level}) }}
                </div>
                <div class="text-caption" v-if="!! curs.k_duration">
                    {{__('Durata: :d min', {d: curs.k_duration}) }}
                </div>
            </template>        
        </div>
    </v-card-text>
</template>

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

        name: 'CursCardCategoryLevel',
    }
</script>