"use client";

import { AppSidebar } from "@/components/app-sidebar";
import { SidebarInset, SidebarProvider } from "@/components/ui/sidebar";
import dynamic from "next/dynamic";

export default function Page() {
  const MapWithNoSSR = dynamic(() => import("../../components/map"), {
    ssr: false,
  });
  return (
    <SidebarProvider
      style={
        {
          "--sidebar-width": "350px",
        } as React.CSSProperties
      }
    >
      <AppSidebar />
      <SidebarInset>
        <div id="map" className="w-96 h-96">
          <MapWithNoSSR />
        </div>
      </SidebarInset>
    </SidebarProvider>
  );
}