import { Modal } from "antd";
import { useContext } from "react";
import { Context } from "~/pages/Container/Map/js/context";
import MeteorologicalMonitoring from "./MeteorologicalMonitoring";

const CustomModal = () => {
  const { modalVisible, modalData, actions } = useContext(Context);

  return (
    <Modal
      open={modalVisible}
      mask={{ closable: false }}
      footer={null}
      width={1500}
      onCancel={() => {
        actions.resetMark();
      }}
      title={modalData.title || ""}
      wrapClassName="map_bi_model"
    >
      {
        modalData.markType === "meteorologicalMonitoring" && <MeteorologicalMonitoring />
      }
    </Modal>
  );
};

export default CustomModal;