import { defineComponent, watch } from "vue";
import { useRouter, useRoute } from "vue-router";
import { Radio } from "ant-design-vue";
import Map from "@/components/deckgl/Map";
import RoadNetworkInfo from "@/components/ol/RoadUnitInfo";
import { EnumModes, EnumArea, EnumRoadConfig } from "@/store/roadUnit/types";
import useRoadUnitStore from "@/store/roadUnit";
import { useStore } from "@/hook/useStore";

import style from "@/assets/style/RoadUnit/roadNetwork.module.less";

const { Group: RadioGroup, Button: RadioButton } = Radio;

export default defineComponent({
  components: { RadioButton, RadioGroup, RoadNetworkInfo, Map },
  setup() {
    return () => (
      <div class={style.mapView}>
        <Map />
      </div>
    );
  },
});