import fetcher from "@/lib/fetcher";
import { DefaultResponse, Setting } from "@/types/global";
import React from "react";
import { cookies } from "next/headers";
import dynamic from "next/dynamic";
import { Header } from "./components/header";

const PushNotification = dynamic(() =>
  import("@/components/push-notification").then((component) => ({
    default: component.PushNotification,
  }))
);

const StoreLayout = async ({
  children,
  detail,
}: {
  children: React.ReactNode;
  detail: React.ReactNode;
}) => {
  const settings = await fetcher<DefaultResponse<Setting[]>>("v1/rest/settings", {
    cache: "no-cache",
  });
  const isAuthenticated = cookies().has("token");
  return (
    <div className="min-h-[100vh]">
      <Header settings={settings?.data} />
      {detail}
      {children}
      {isAuthenticated && <PushNotification />}
    </div>
  );
};

export default StoreLayout;
