import React from 'react';
// import Header from './Header';
import Header from 'obi-header';
import Footer from './Footer';

const Layout = (props) => (
  <>
    <Header page={props.page} user={props.user}/>
      { props.children }
    <Footer />
  </>
)

export default Layout;

import styled from "styled-components";
...

const Container = styled.div`
  max-width: ${props => props.maxWidth ? props.maxWidth : '1200px' };
  max-height: 80vh;
  margin: 6rem auto 2rem;
`;
...

render() {
    return (
      <Layout {...this.props}>
        <Container maxWidth='1100px'>
          <Table
            {...{
              data: this.state.data,
              columns: this.state.columns,
              infinite: false,
              debug: false
            }}
          />
        </Container>
      </Layout>
    );
  }