<template>
    <v-sheet class="transparent text-caption" width="100%">
        <v-radio-group
            dense
            hide-details
            outlined
            class="mt-0 text-caption"
            :value="column.text"
            v-if="false"
        >
            <v-radio
                v-for="(option, index) in options"
                :key="'option-' + index"
                :value="option.value"
                class="text-caption my-0"
            >
                <template #label>
                    <span class="text-caption">{{option.text}} ????</span>
                </template>
            </v-radio>
        </v-radio-group>

        <template v-else>
            {{  text }}
        </template>
    </v-sheet>
</template>

<script>
    export default {
        props: {
            app: {required: true},
            column: {required: true},
            
            createdby: {default: null},
            customer: {default: null},
            created_at: {default: null},

            allow_upload_row_files: {default: true},
            
            fakeData: {default: false},
        },

        computed: {
            options() {
                if( _.has(this.column.column.props, 'options') )
                {
                    return this.column.column.props.options;
                }
                return [];
            },

            text() {

                let r = _.find(this.options, item => item.value == this.column.text);

                return !!r ? this.__(r.text) : '-';
            }
        },

        name: 'RegistruTableBodyColumnO'
    }
</script>