export function PageShell({
  eyebrow,
  title,
  lede,
  wide,
  children,
}: {
  eyebrow: string;
  title: string;
  lede?: string;
  wide?: boolean;
  children: React.ReactNode;
}) {
  return (
    <div className={`page ${wide ? "page--wide" : ""}`}>
      <header className="page__intro">
        <p className="eg-eyebrow">{eyebrow}</p>
        <h1>{title}</h1>
        {lede ? <p>{lede}</p> : null}
      </header>
      {children}
    </div>
  );
}