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

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

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