// app/(builder)/layout.tsx
import type { ReactNode } from "react";
import { Suspense } from "react";

import { BuilderNav } from "@/components/BuilderNav";
import { TopNav } from "@/components/TopNav";
import { Footer } from "@/components/Footer";

export default function BuilderLayout({ children }: { children: ReactNode }) {
  return (
    <div className="min-h-screen bg-white text-zinc-900 dark:bg-neutral-950 dark:text-zinc-50">
      <TopNav />
      <Suspense fallback={<div className="h-[52px]" />}>
        <BuilderNav />
      </Suspense>
      <main className="min-h-screen">{children}</main>
      <Footer />
    </div>
  );
}