Jon Staab
13 lines
357 B
TypeScript
13 lines
357 B
TypeScript
import type { JSX } from "solid-js"
|
|
|
|
type PageContainerProps = {
|
|
children: JSX.Element
|
|
size?: "narrow" | "wide"
|
|
}
|
|
|
|
export default function PageContainer(props: PageContainerProps) {
|
|
const maxWidthClass = () => (props.size === "narrow" ? "max-w-2xl" : "max-w-4xl")
|
|
|
|
return <div class={`${maxWidthClass()} mx-auto px-4 py-8`}>{props.children}</div>
|
|
}
|