"use client";
import MapComponent from "./components/map-component";
import MapsetDialog from "./components/mapset-dialog";
import FeatureInformation from "./components/feature-information";
import Sidebar from "./components/sidebar";
import { Suspense } from "react";
import { QueryParamProvider } from "use-query-params";
import NextAdapterApp from "next-query-params/app";
import Footer from "./components/footer";
import { MenuHeader } from "@/shared/components/layout/menu-header";

export default function MapsPageClient() {
  return (
    <Suspense>
      <QueryParamProvider adapter={NextAdapterApp}>
        <div className="flex h-screen flex-col pt-20">
          <MenuHeader />
          <div className="relative flex-1 overflow-hidden">
            <Sidebar />
            <div>
              <MapComponent />
              <Footer />
            </div>
            <MapsetDialog />
            <FeatureInformation />
          </div>
        </div>
      </QueryParamProvider>
    </Suspense>
  );
}