<template class="bg-primary-lighten">
    <v-app id="inspire">
        <one-navbar></one-navbar>
        <v-main class="bg-primary-lighten">
            <v-row class="ma-5">
                <v-col cols="12"><filter-fo></filter-fo></v-col>
                <v-col cols="4"><pasien-component></pasien-component></v-col>
                <v-col cols="8"><report-component></report-component></v-col>
            </v-row>
        </v-main>
    </v-app>
</template>

<script type="module">
import FilterFo from "./filterfo.vue";
import PasienComponent from "./pasien.vue";
import ReportComponent from "./report.vue";
import NavbarComponent from "../../globalcomponent/one-navbar.vue";
export default {
    name: "component2",
    components: {
        "filter-fo": FilterFo,
        "one-navbar": NavbarComponent,
        "pasien-component": PasienComponent,
        "report-component": ReportComponent,
    },
    computed: {
    },
    methods: {
    },
};
</script>

<style scoped></style>