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

<script type="module">
    import NavbarComponent from "../../globalcomponent/one-navbar.vue";
    import FilterComponent from "./filter.vue";
    import LeftComponent from "./left.vue";
    import RightComponent from "./right.vue";
    export default {
        name: "specimen collection",
        components: {
            "one-navbar": NavbarComponent,
            "one-filter": FilterComponent,
            "one-left": LeftComponent,
            "one-right": RightComponent,
        },
        mounted() {},
        data() {
            return {
                visible: false,
            };
        },
        computed: {

        },
        methods: {

        },
    };
</script>