<template>
    <div class="row m-b-10 parentContainer bg-white">
        <div class="col">
            <order-header-component :data="this.data"></order-header-component>
            <order-action-component class="b-t b-grey" :data="this.data"></order-action-component>
            <order-quick-view-component :data="this.data"></order-quick-view-component>
        </div>
    </div>
</template>

<script>
    export default {
        props: {
            'data': {
                required: true
            }
        },
        data() {
            return {
                order: this.data,
            }
        },
        watch: {
            'data': function() {
                this.order = this.data;
            }
        }
    }
</script>