import type { ReactNode } from "react";
export function PageHero({eyebrow,title,description,extra}:{eyebrow:string,title:ReactNode,description:string,extra?:ReactNode}){return <section className="page-hero paper"><div className="shell page-hero-grid"><div><p className="eyebrow">{eyebrow}</p><h1>{title}</h1></div><div><p>{description}</p>{extra}</div></div></section>}