app/components/Layout.js


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20

import React, { PropTypes, Component } from 'react';
import HeaderBar from './HeaderBar';

export default class Layout extends Component {
  static propTypes = {
    children: PropTypes.element.isRequired
  };
  render() {
    return (
      <div className="layout">
        <div className="layout__header">
          <HeaderBar />
        </div>
        <div className="layout__container">
          {this.props.children}
        </div>
      </div>
    );
  }
}