<template>
  <LeftPanel>
    <Drawer style="width: 458px">
      <ProjectCountCard />
      <MonitoringCard />
      <InspectionCard />
    </Drawer>
  </LeftPanel>
  <RightPanel>
    <Drawer style="width: 460px">
      <SafetyOverviewCard />
    </Drawer>
  </RightPanel>
  <BottomPanel></BottomPanel>
  <Map></Map>
</template>

<script setup lang="ts">
import LeftPanel from "../LeftPanel/index.vue";
import RightPanel from "../RightPanel/index.vue";
import BottomPanel from "../BottomPanel/index.vue";
import Drawer from "../Drawer/index.vue";
import ProjectCountCard from "./ProjectCountCard/index.vue";
import MonitoringCard from "./MonitoringCard/index.vue";
import InspectionCard from "./InspectionCard/index.vue";
import SafetyOverviewCard from "./SafetyOverviewCard/index.vue";

import Map from "./Map/index.vue";
defineOptions({
  name: "main",
});
</script>

<style scoped></style>
