We read every piece of feedback, and take your input very seriously.
To see all available qualifiers, see our documentation.
2 parents 30a6333 + b1c4dbe commit cff3ae0Copy full SHA for cff3ae0
packages/mdxui/src/layouts/App.tsx
@@ -0,0 +1,10 @@
1
+import { type JSX } from 'react'
2
+
3
+export function AppLayout({ navigation, children, className }: { navigation: React.ReactNode; children: React.ReactNode; className?: string }): JSX.Element {
4
+ return (
5
+ <div className={`flex min-h-screen ${className ?? ''}`.trim()}>
6
+ <nav className='w-64 border-r'>{navigation}</nav>
7
+ <main className='flex-1 p-4'>{children}</main>
8
+ </div>
9
+ )
10
+}
0 commit comments