manifold/web/components/page.tsx
2022-01-31 17:02:17 -08:00

28 lines
530 B
TypeScript

import clsx from 'clsx'
import { NavBar } from './nav-bar'
export function Page(props: {
wide?: boolean
margin?: boolean
assertUser?: 'signed-in' | 'signed-out'
children?: any
}) {
const { wide, margin, assertUser, children } = props
return (
<div>
<NavBar wide={wide} assertUser={assertUser} />
<div
className={clsx(
'w-full mx-auto pb-16',
wide ? 'max-w-6xl' : 'max-w-4xl',
margin && 'px-4'
)}
>
{children}
</div>
</div>
)
}