<template>
    <v-row>
        <v-col v-for="(row, index) in rows" :key="index" xl="12" :class="` pt-1 pb-0`">
            <v-row :class="`end-row ${row.rowClass} theme-${row.color}`">
                <v-col xl="3" :class="`flex-justified-right ${row.titleClass || ''} color-${row.color} pr-5`">
                    {{ row.title }}
                </v-col>
                <v-col xl="6" class="flex-justified-center">
                    <number-block v-if="row.quantity" :theme="`label-left ${row.quantityClass || ''} color-${row.color}`" :number="row.quantity" :label="row.quantityLabel" />
                </v-col>
                <v-col xl="3" md="6" class="flex-justified-left pt-1 pb-1">
                    <price-block :theme="`label-left  ${row.valueClass || ''} color-${row.color}`" zero-label="رایگان" :price="row.value"  :label="row.valueLabel" />
                </v-col>
            </v-row>
        </v-col>
    </v-row>
</template>
<script>
    export default {
        components: {},
        props: {
            rows: { default: ""},
        },
        data() {
            return {};
        },
    }
</script>
<style lang="scss" scoped>

</style>
