| 1 |
import Sidebar from "@/components/Sidebar"; |
| 2 |
import TableOfContents from "@/components/TableOfContents"; |
| 3 |
|
| 4 |
export default function DocsLayout({ |
| 5 |
children, |
| 6 |
}: { |
| 7 |
children: React.ReactNode; |
| 8 |
}) { |
| 9 |
return ( |
| 10 |
<div className="flex min-h-screen"> |
| 11 |
<Sidebar /> |
| 12 |
<main className="flex-1 flex justify-center"> |
| 13 |
<article className="flex-1 max-w-3xl p-8"> |
| 14 |
<div className="prose prose-stone dark:prose-invert max-w-none"> |
| 15 |
{children} |
| 16 |
</div> |
| 17 |
</article> |
| 18 |
<TableOfContents /> |
| 19 |
</main> |
| 20 |
</div> |
| 21 |
); |
| 22 |
} |