/* Generic helpers for subpages — runs after shared.jsx */
/* global React, ReactDOM */
const { useEffect } = React;

window.PC = window.PC || {};

window.PC.renderPage = function(component) {
  ReactDOM.createRoot(document.getElementById('root')).render(component);
};

window.SubPage = window.PC.SubPage = function SubPage({active, breadcrumb, kicker, title, sub, children}) {
  return (
    <>
      <PageHeader active={active} home={false}/>
      <main>
        <PageHero kicker={kicker} title={title} sub={sub} breadcrumb={breadcrumb}/>
        {children}
        <CtaBand home={false}/>
      </main>
      <PageFooter home={false}/>
    </>
  );
};