const Component = require('react').Component
const h = require('react-hyperscript')
const inherits = require('util').inherits

module.exports = MainContainer

inherits(MainContainer, Component)
function MainContainer () {
  Component.call(this)
}

MainContainer.prototype.render = function () {
  console.log("rendering MainContainer...");
  return h('div.flex-row', {
    style: {
      position: 'absolute',
      marginTop: '6vh',
      width: '98%',
      zIndex: 20,
    }
  }, [
    h('div.wallet-view', {
      style: {
        flexGrow: 1,
        height: '82vh',
        background: 'blue',
      }
    }, [
    ]),

    h('div.tx-view', {
      style: {
        flexGrow: 2,
        height: '82vh',
        background: 'green',
      }
    }, [
    ]),
  ])
}