<template>
    <v-sheet
        class="transparent d-flex"
    >
        <v-sheet
            class="mr-2 font-weight-bold text-right"
        >
            {{recCount}}.
        </v-sheet>

        <v-sheet
            class="mr-2 font-weight-bold text-right"
        >
            <customer-status 
                :customer="customer"
                :app="app"
                :form="null"
            />
        </v-sheet>
        {{ customer.name }}
    </v-sheet>
</template>

<script>
    export default {
        props: {
            customer: {required: true},
            recCount: {default: null},
            app: {required: true},
        },

        components: {
            CustomerStatus: require('@MyDpoComp/Entities/Customers/Attributes/CustomerStatus/').default,
        },

        name: 'TeamCustomerItem',
    }
</script>