Files
web/app/[lang]/(live)/(protected)/my-pages/layout.tsx
2024-10-25 13:10:08 +02:00

28 lines
654 B
TypeScript

import { Suspense } from "react"
import LoadingSpinner from "@/components/LoadingSpinner"
import Sidebar from "@/components/MyPages/Sidebar"
import styles from "./layout.module.css"
export default async function MyPagesLayout({
breadcrumbs,
children,
}: React.PropsWithChildren<{
breadcrumbs: React.ReactNode
}>) {
return (
<div className={styles.container}>
<section className={styles.layout}>
{breadcrumbs}
<section className={styles.content}>
<Suspense fallback={<LoadingSpinner />}>
<Sidebar />
</Suspense>
{children}
</section>
</section>
</div>
)
}