Layout component

[0xZakk]

Describe the solution you'd like
Create a Layout component that defines the header and footer and renders a page as a child.

The Layout component should implement a consistent header and footer across all pages. It should take a page component as a child and render it. It would looks roughly like this:

// Pass in props/state related to the user, etc
<Layout {...props} {...state}>
    <Route path="/" component={Home}>
    <Route path="/profile" component={Profile}>
</Layout>

The above is just pseudocode.