LayoutFactory.tsx

import type { CodingSparkPageLayoutProps } from "modules/nextjs";
import dynamic from "next/dynamic";

const NotAuthenticatedLayout = dynamic(() => import("modules/ui/layouts/NotAuthenticatedLayout"));
const OnboardingLayout = dynamic(() => import("modules/ui/layouts/OnboardingLayout"));

export const LayoutFactory: React.FC<{ layout: CodingSparkPageLayoutProps["layout"] }> = ({
  layout = { type: "none" },
  children,
}) => {
  switch (layout.type) {
    case "not_authenticated":
      return <NotAuthenticatedLayout>{children}</NotAuthenticatedLayout>;
    case "onboarding":
      return <OnboardingLayout>{children}</OnboardingLayout>;
    default:
      return <>{children}</>;
  }
};