"use client";

import { useQuery } from "@tanstack/react-query";
import { MenuApi } from "@/entities/menu";
import { useMenuStore } from "@/shared/lib";
import { ENDPOINT } from "@/shared/config";
import { PageLayout } from "@/shared/ui/page-layout";

export default function SearchLayout({
  children,
}: {
  children: React.ReactNode;
}) {
  const currentMenuInfo = useMenuStore((state) => state.currentMenuInfo);
  const { data } = useQuery({
    queryKey: [ENDPOINT.CMS_SERVICE.MENUS, currentMenuInfo?.menuCd],
    queryFn: () =>
      MenuApi.getMenuInfo(currentMenuInfo?.menuCd.toString() ?? ""),
    enabled: !!currentMenuInfo,
  });
  const menuPaths = data?.menuPath?.split(">").map((path) => path.trim());

  return (
    <PageLayout title={data?.menuKornNm ?? ""} menuPaths={menuPaths ?? []}>
      {children}
    </PageLayout>
  );
}