<template>
  <div>
    <map-container>
      <template #map>
        <mars-map></mars-map>
      </template>
      <template #left>
        <panel-left></panel-left>
      </template>
      <template #right>
        <panel-right></panel-right>
      </template>
    </map-container>
  </div>
</template>

<script setup>
import {
  MapContainer,
  PanelLeft,
  PanelRight,
  MarsMap,
} from "@/views/components/map";
</script>

<style lang="scss" scoped>
.panel-box {
  height: 100%;
  width: 100%;
  background: url("../assets/images/panel-bg.png");
  background-size: 100% 100%;
  box-sizing: border-box;
  padding: 21px;
}
</style>
