"use client";
import type { MenuItem } from "@common/components/api";
import { NoFooterLayout } from "@common/components/ui";
import { usePathname,useRouter } from "next/navigation";
import { useMenuStore } from "@/src/shared/lib";
import { useWrStore } from "../store";

export default function MapLayout({
  children,
}: Readonly<{
  children: React.ReactNode;
}>) {
  const { getMenuAuthrts } = useWrStore((state) => state);
  const setCurrentMenuInfo = useMenuStore((state) => state.setCurrentMenuInfo);
  const router = useRouter();
  const pathname = usePathname();

  const changeMenu = (path: MenuItem) => {
    setCurrentMenuInfo(path);
    getMenuAuthrts(path.menuCd);
    router.push(path.urlPath);
  };
  return (
    <NoFooterLayout currentPath={pathname ?? ""} handleMenuClick={changeMenu}>
      {children}
    </NoFooterLayout>
  );
}