/* global React, Header, Footer, DemoModal */
/* Shell layout commun à toutes les pages intérieures */

const PageShell = ({ children }) => (
  <React.Fragment>
    <Header />
    <main>{children}</main>
    <Footer />
    <DemoModal />
    <style>{`
      .italic-accent {
        font-style: normal;
        font-weight: 700;
        background: var(--vert-menthe);
        padding: 0 8px;
        border-radius: 6px;
        color: var(--texte);
      }
    `}</style>
  </React.Fragment>
);

window.PageShell = PageShell;