content: import React from 'react'
  import { Provider } from 'react-redux'
  import { Router } from 'react-router'
  import ThemeManager from 'containers/ThemeManager'
  
  export default class Root extends React.Component {
    static propTypes = {
      history: React.PropTypes.object.isRequired,
      routes: React.PropTypes.element.isRequired,
      store: React.PropTypes.object.isRequired
    };
  
    get content() {
      return (
        <Router history={this.props.history}>
          {this.props.routes}
        </Router>
      )
    }
  
    get devTools() {
      if (__DEBUG__) {
        if (__DEBUG_NEW_WINDOW__) {
          if (!window.devToolsExtension) {
            require('../redux/utils/createDevToolsWindow')
              .default(this.props.store)
          } else {
            window.devToolsExtension.open()
          }
        } else if (!window.devToolsExtension) {
          const DevTools = require('containers/DevTools').default
          return <DevTools />
        }
      }
    }
  
    render() {
      return (
        <Provider store={this.props.store}>
          <div>
            {this.content}
            {this.devTools}
            <ThemeManager />
          </div>
        </Provider>
      )
    }
  }
  