import { DocsSidebar } from "./components/DocsSidebar";

export default function DocsLayout({ children }: { children: React.ReactNode }) {
  return (
    <div className="min-h-screen" style={{ background: "#080809" }}>
      <DocsSidebar />
      {/* Main content area — offset by sidebar width on desktop */}
      <main className="lg:pl-64">
        <div className="mx-auto max-w-4xl px-6 py-12 lg:px-12 lg:py-16">
          {children}
        </div>
      </main>
    </div>
  );
}
