<template>
    <v-row class="element-block ma-0 mt-2 mb-2">
        <v-col xl="12" class="flex-justified-center">
            <div class="LTR">
                <div class="title En Bold"> {{ title }} </div>
                <div class="desc En"> {{ desc }} </div>
            </div>
        </v-col>
    </v-row>
</template>

<script>
    export default {
        props: {
            title:     { default: '' },
            desc:      { default: 'آیتم' },
        },
    };
</script>
<style lang="scss" scoped>
    .element-block {
        border-radius: 5px;
        padding: 10px;
    }
    .element-block.theme-dark {
        background-color: #0C1630;
    }
    .element-block .title {
        line-height: 20px;
    }
    .element-block .desc  {
        opacity: 0.8;
    }
    .element-block.theme-dark .title, .element-block.theme-dark .desc  {
        color: #fff;
    }

</style>
