<template>
    <v-card tile flat>

        <v-simple-table>
            <template v-slot:default>
                <tbody>
                    <services-list-item 
        
            v-for="(service, index) in services"
            :key="'services-' + index"
            :app="app"
            :order="order"
            :contract="contract"
            :customer="customer"
            :service="service"
            class="mb-2"
        />

                    
                </tbody>
            </template>
        </v-simple-table>


    </v-card>
</template>

<script>
    export default {
        props: {
            app: {required: true},
            services: {default: () => []},
            customer: {required: true},
            contract: {required: true},
            order: {required: true},
        },

        name: 'ServicesList',
    }
</script>