17 lines
338 B
TypeScript
17 lines
338 B
TypeScript
import type { ReactNode } from "react"
|
|
|
|
export function SideNav({
|
|
heading,
|
|
children,
|
|
}: {
|
|
heading: ReactNode
|
|
children: ReactNode
|
|
}) {
|
|
return (
|
|
<nav className="w-64 sticky top-0">
|
|
<h2 className="text-2xl mt-1">{heading}</h2>
|
|
<div className="mt-3 flex flex-col gap-2 items-start">{children}</div>
|
|
</nav>
|
|
)
|
|
}
|