<template>
    <v-dialog v-model="$store.state.ConfigUserDepartments" width="60%" transition="slide-x-transition">
        <v-card class="RTL">
            <v-card-title class=" grey lighten-3" primary-title>
                <WM-PartTitle class="WM-Margin-T-20" TitleFa=" ویرایش دپارتمان ها " TitleEn=" Edit Deparments " color="cyan"></WM-PartTitle>
            </v-card-title>

            <v-card-text>
                <!-- <wm-duplicator-view></wm-duplicator-view> -->
                <wm-list-view></wm-list-view>
            </v-card-text>
            <v-divider></v-divider>

            <v-card-actions>
                <v-spacer></v-spacer>
                <v-btn color="cyan" depressed dark @click="$store.state.ConfigUserDepartments = false">
                    <v-icon dark right>fas fa-check</v-icon> بسیار خب
                </v-btn>
            </v-card-actions>
        </v-card>
    </v-dialog>

</template>

<script>
// import DuplicatorView from "@User/components/Config/Department/DuplicatorView.vue";
import ListView from "@User/components/Config/Department/ListView.vue";

export default {
    components: {
        // 'wm-duplicator-view'  :  DuplicatorView,
        'wm-list-view'  :  ListView,
    },
    props: {
        Color:     { default: 'grey darken-4' },
    },
};
</script>
