Layout.js

import React from 'react';
import Helmet from 'react-helmet';
import { style } from 'typestyle';
import { i18n } from 'es2015-i18n-tag';

const content = style({ margin: '30px' });

export class Layout extends React.Component {
  static contextTypes = {
    Ui: React.PropTypes.object
  };

  render() {
    return (
      <main>
        <div id="content" className={content}>
          <Helmet titleTemplate={i18n`My Site / %s`} />
          <div id="main">
            { this.props.children }
          </div>
        </div>
        <div id="footer" className={footer}>
          { this.props.footer }
        </div>
      </main >
    );
  }

  componentDidMount() {
    this.context.Ui.pageTransition();
  }
};

export default Layout;