<template>
    <autocomplete-selector 
        :value="value"
        :errors="errors"
        label="Client"
        :dataprovider="dataprovider"

        @focus="$emit('focus')"
        @blur="$emit('blur')"
        
        @input="$emit('input', $event)"
    />
</template>

<script>

    import DataProvider from 'APPS/Dataproviders/Customers/Customers';

    export default {
        props: {
            value: {required: true},
            errors: {default: null},
        },

        data: () => ({
            dataprovider: null,
        }),

        created() {
            this.dataprovider = new DataProvider(null);
        },

        components: {
            AutocompleteSelector: require('./../AutocompleteSelector').default,
        },

        name: 'CustomerAutocompleteSelector',
    }
</script>