browser/components/viewport/index.js

var mercury = require('mercury');
var AttributeHook = require('../../lib/mercury/attribute-hook');
var Sidebar = require('../sidebar/index');
var MainContent = require('../main-content/index');
var h = mercury.h;

module.exports = create;
module.exports.render = render;

/*
 * Page level layout of the application
 */
function create() {}

function render(state, events) {
  return h('core-drawer-panel', [
    h('core-header-panel', {
        'drawer': new AttributeHook(true)
      },
      Sidebar.render(state.navigation, events.navigation)
    ),
    h('core-header-panel', {
        'main': new AttributeHook(true)
      },
      MainContent.render(state, events)
    )
  ]);
}