shellphone.app/app/public-area/components/layout.tsx

26 lines
630 B
TypeScript
Raw Normal View History

2021-08-29 21:28:42 +00:00
import type { FunctionComponent } from "react";
import BaseLayout from "./base-layout";
type Props = {
2021-09-21 20:02:27 +00:00
title?: string;
2021-08-29 21:28:42 +00:00
};
const Layout: FunctionComponent<Props> = ({ children, title }) => (
<BaseLayout>
<section className="max-w-6xl mx-auto px-4 sm:px-6">
<div className="pt-32 pb-10 md:pt-34 md:pb-16">
2021-09-21 20:02:27 +00:00
{title ? (
<div className="max-w-5xl mx-auto">
2021-09-24 23:08:29 +00:00
<h1 className="h1 mb-16 text-navy font-extrabold font-mackinac">{title}</h1>
2021-09-21 20:02:27 +00:00
</div>
) : null}
2021-08-29 21:28:42 +00:00
<div className="max-w-3xl mx-auto text-lg xl:text-xl flow-root">{children}</div>
</div>
</section>
</BaseLayout>
);
export default Layout;