<template>
    <v-app id="inspire">
        <one-navbar></one-navbar>
        <v-main>
            <div class=" bg-primary-lighten ml-2 rounded-xl h-100">
                <v-row>
                    <v-col cols="12" md="7" sm="12" xs="12" class="mt-5"> 
                        <search-component-left></search-component-left>
                    </v-col>
                    <v-col cols="12" md="5" sm="12" xs="12" class="mt-5"> 
                        <search-component-right></search-component-right>
                    </v-col>
                </v-row>
                <v-row>
                    <v-col cols="12" md="7" sm="12" xs="12" class="mt-1">
                        <list-verif-left-component></list-verif-left-component>
                    </v-col>
                    <v-col cols="12" md="5" sm="12" xs="12" class="mt-1">
                        <list-verif-right-component></list-verif-right-component>
                    </v-col>
                </v-row>
            </div>
        </v-main>
    </v-app>

</template>
    
<style scoped>

</style>
    
<script type="module">
    import NavbarComponent from "../../globalcomponent/one-navbar.vue";
    import listVerifLeftComponent from "./verificationLeftList.vue";
    import searchComponentLeft from "./searchVerificationtLeft.vue";
    import searchComponentRight from "./searchVerificationRight.vue";
    import listVerifRightComponent from "./verificationRightList.vue";
    export default {
        name: "MainVerif",
        components: {
            "one-navbar": NavbarComponent,
            "search-component-left": searchComponentLeft,
            "search-component-right": searchComponentRight,
            "list-verif-left-component": listVerifLeftComponent,
            "list-verif-right-component": listVerifRightComponent
        },
        data() {
            return {

            };
        },
        computed: {

        },
        methods: {

        },
        wacth: {

        }
    }
</script>