<template>
    <v-sheet class="mb-3">
        <column-group-item v-if="item.column_type == 'group'"
            :app="app"
            :item="item"
            :index="index"
        />

        <column-item v-else 
            :app="app"
            :item="item"
            :index="index"
        />
    </v-sheet>
</template>

<script>
    export default {
        props: {
            app: {required: true},
            item: {required: true},
            index: {default: null},
        },

        computed: {
            color() {
                return this.item.column_type == 'group' ? 'teal' : 'blue';
            }
        },

        name: 'ColumnContainer',
    }
</script>