first

apps/web/modules/saas/shared/components/SidebarContentLayout.tsx

@@ -0,0 +1,18 @@
+import type { ReactNode } from "react";
+
+export function SidebarContentLayout({
+	children,
+	sidebar,
+}: { children: React.ReactNode; sidebar: ReactNode }) {
+	return (
+		<div className="relative">
+			<div className="flex flex-col items-start gap-4 lg:flex-row lg:gap-8">
+				<div className="top-4 w-full lg:sticky lg:max-w-[180px]">
+					{sidebar}
+				</div>
+
+				<div className="w-full flex-1">{children}</div>
+			</div>
+		</div>
+	);
+}