"use client";

import dynamic from "next/dynamic";

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

const MonitoringPlaceOptimizationPanel = dynamic(
  () =>
    import(
      "@components/olmap/MonitoringPlaceOptimization/MonitoringPlaceOptimizationPanel"
    ),
  {
    loading: () => (
      <MapPanelSkeleton variant="monitoring-place-optimization" />
    ),
  },
);

export default function Home() {
  return (
    <>
      <MapToolbar hiddenButtons={["style"]} />
      <MonitoringPlaceOptimizationPanel />
    </>
  );
}