"use client";

import { BaseLayout } from "@common/components";
import type { MenuItem } from "./store/common";
import { useFoStore } from "./store";
import { usePathname, useRouter } from "next/navigation";

export default function Base({
  children,
}: Readonly<{
  children: React.ReactNode;
}>) {
  const { getMenuAuth } = useFoStore((state) => state);
  const pathname = usePathname();
  const router = useRouter();

  const handleClick = (id: MenuItem) => {
    getMenuAuth(id.menuCd);
    router.push(id.urlPath);
  };

  return (
    <BaseLayout currentPath={pathname ?? ""} handleMenuClick={handleClick}>
      {children}
    </BaseLayout>
  );
}