"use client";

import dynamic from "next/dynamic";

import { MapPanelSkeleton } from "@components/loading/MapComponentSkeletons";
import MapToolbar from "@components/olmap/core/Controls/Toolbar";

const WaterQualityPanel = dynamic(
  () => import("@/components/olmap/ContaminantSimulation/WaterQualityPanel"),
  {
    loading: () => <MapPanelSkeleton variant="contaminant-simulation" />,
  },
);

export default function Home() {
  return (
    <>
      <MapToolbar
        queryType="scheme"
        schemeType="contaminant_analysis"
        enableCompare
      />
      <WaterQualityPanel />
    </>
  );
}
