manifold/web/components/page.tsx
2021-12-31 13:31:41 -06:00

22 lines
398 B
TypeScript

import clsx from 'clsx'
import { NavBar } from './nav-bar'
export function Page(props: { wide?: boolean; children?: any }) {
const { wide, children } = props
return (
<div>
<NavBar wide={wide} />
<div
className={clsx(
'w-full px-4 pb-8 mx-auto',
wide ? 'max-w-7xl' : 'max-w-4xl'
)}
>
{children}
</div>
</div>
)
}