<template>
    <v-app id="inspire">
        <one-navbar></one-navbar>
        <v-main>
            <div class="pa-5 bg-primary-lighten ml-2 rounded-xl h-100">
                <search-component></search-component>
                <v-row>
                    <v-col cols="12" md="3" sm="12" xs="12" class="mt-5">
                        <list-patient-component></list-patient-component>
                    </v-col>
                    <v-col cols="12" md="9" sm="12" xs="12" class="mt-5">
                        <detail-patient-component></detail-patient-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 listPatientComponent from "./listPatient.vue";
    import searchComponent from "./searchPatient.vue";
    import detailComponent from "./detailPatient.vue";
    export default {
        name: "MainValidation",
        components: {
            "one-navbar": NavbarComponent,
            "list-patient-component": listPatientComponent,
            "search-component": searchComponent,
            "detail-patient-component": detailComponent
        },
        data() {
            return {

            };
        },
        computed: {

        },
        methods: {

        },
        wacth: {

        }
    }
</script>