19 lines
436 B
TypeScript
19 lines
436 B
TypeScript
|
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>
|
||
|
|
);
|
||
|
|
}
|