"use client";

import dynamic from "next/dynamic";

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

const FlushingAnalysisPanel = dynamic(
  () => import("@/components/olmap/FlushingAnalysis/FlushingAnalysisPanel"),
  {
    loading: () => <MapPanelSkeleton variant="flushing-analysis" />,
  },
);

export default function Home() {
  return (
    <>
      <MapToolbar queryType="scheme" schemeType="flushing_analysis" />
      <FlushingAnalysisPanel />
    </>
  );
}