<template>
  <v-app id="inspire">
    <one-navbar></one-navbar>
    <v-main>
      <div class="pa-5 bg-primary-lighten ml-2 rounded-xl h-100">
        <v-row>
          <v-col cols="12" md="12" sm="12" xs="12">
            <filter-component></filter-component>
          </v-col>
        </v-row>
        <v-row>
          <v-col cols="12" md="12" sm="12" xs="12">
            <list-component></list-component>
          </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 ListComponent from "./lists.vue";

export default {
  name: "ListPatient",
  components: {
    "one-navbar": NavbarComponent,
    "filter-component": FilterComponent,
    "list-component": ListComponent,
  },
  mountend() {},
  data() {
    return {
      visible: false,
    };
  },
};
</script>
