27 lines
524 B
JavaScript
27 lines
524 B
JavaScript
|
import Header from "./header"
|
||
|
|
import NavBar from "./navbar"
|
||
|
|
|
||
|
|
const layoutStyle = {
|
||
|
|
display: "flex",
|
||
|
|
flexDirection: "column",
|
||
|
|
height: "100%",
|
||
|
|
width: "100%"
|
||
|
|
};
|
||
|
|
|
||
|
|
const contentStyle = {
|
||
|
|
flex: 1,
|
||
|
|
display: "flex",
|
||
|
|
flexDirection: "column"
|
||
|
|
};
|
||
|
|
|
||
|
|
const Layout = props => (
|
||
|
|
<div className="Layout" style={layoutStyle}>
|
||
|
|
<Header />
|
||
|
|
<NavBar sections={props}/>
|
||
|
|
<div className="Content" style={contentStyle}>
|
||
|
|
{props.children}
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
);
|
||
|
|
|
||
|
|
export default Layout;
|