2021-12-20 04:06:30 +00:00
|
|
|
import clsx from 'clsx'
|
|
|
|
import { NavBar } from './nav-bar'
|
|
|
|
|
2022-01-27 22:37:43 +00:00
|
|
|
export function Page(props: {
|
|
|
|
wide?: boolean
|
|
|
|
margin?: boolean
|
2022-01-27 23:06:31 +00:00
|
|
|
assertUser?: 'signed-in' | 'signed-out'
|
2022-01-27 22:37:43 +00:00
|
|
|
children?: any
|
|
|
|
}) {
|
2022-01-27 23:06:31 +00:00
|
|
|
const { wide, margin, assertUser, children } = props
|
2021-12-20 04:06:30 +00:00
|
|
|
|
|
|
|
return (
|
|
|
|
<div>
|
2022-01-27 23:06:31 +00:00
|
|
|
<NavBar wide={wide} assertUser={assertUser} />
|
2021-12-31 19:31:41 +00:00
|
|
|
|
2021-12-20 04:06:30 +00:00
|
|
|
<div
|
|
|
|
className={clsx(
|
2022-01-27 22:37:43 +00:00
|
|
|
'w-full mx-auto',
|
|
|
|
wide ? 'max-w-6xl' : 'max-w-4xl',
|
|
|
|
margin && 'px-4'
|
2021-12-20 04:06:30 +00:00
|
|
|
)}
|
|
|
|
>
|
|
|
|
{children}
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
)
|
|
|
|
}
|