22 lines
613 B
TypeScript
22 lines
613 B
TypeScript
|
export function PageShell({
|
||
|
|
title,
|
||
|
|
subtitle,
|
||
|
|
children,
|
||
|
|
}: {
|
||
|
|
title: string;
|
||
|
|
subtitle?: string;
|
||
|
|
children: React.ReactNode;
|
||
|
|
}) {
|
||
|
|
return (
|
||
|
|
<section className="mx-auto max-w-3xl px-4 py-14">
|
||
|
|
<h1 className="text-3xl font-black sm:text-4xl gold-text">{title}</h1>
|
||
|
|
{subtitle && <p className="mt-3 text-cream/65">{subtitle}</p>}
|
||
|
|
<div className="mt-8 space-y-5 leading-8 text-cream/80">{children}</div>
|
||
|
|
</section>
|
||
|
|
);
|
||
|
|
}
|
||
|
|
|
||
|
|
export function Prose({ children }: { children: React.ReactNode }) {
|
||
|
|
return <div className="glass rounded-2xl p-6 leading-8 text-cream/80">{children}</div>;
|
||
|
|
}
|