text: const Component = require('react').Component
  const h = require('react-hyperscript')
  const inherits = require('util').inherits
  
  module.exports = Network
  
  inherits(Network, Component)
  
  function Network () {
    Component.call(this)
  }
  
  Network.prototype.render = function () {
    const state = this.props
    const networkNumber = state.network
    let iconName, hoverText
  
    if (networkNumber === 'loading') {
      return h('img', {
        title: 'Attempting to connect to blockchain.',
        onClick: (event) => this.props.onClick(event),
        style: {
          width: '27px',
          marginRight: '-27px',
        },
        src: 'images/loading.svg',
      })
    } else if (parseInt(networkNumber) === 1) {
      hoverText = 'Main Ethereum Network'
      iconName = 'ethereum-network'
    } else if (parseInt(networkNumber) === 2) {
      hoverText = 'Morden Test Network'
      iconName = 'morden-test-network'
    } else {
      hoverText = 'Unknown Private Network'
      iconName = 'unknown-private-network'
    }
    return (
      h('#network_component.flex-center.pointer', {
        style: {
          marginRight: '-27px',
          marginLeft: '-3px',
        },
        title: hoverText,
        onClick: (event) => this.props.onClick(event),
      }, [
        (function () {
          switch (iconName) {
            case 'ethereum-network':
              return h('.network-indicator', [
                h('.menu-icon.diamond'),
                h('.network-name', {
                  style: {
                    color: '#039396',
                  }},
                'Etherum Main Net'),
              ])
            case 'morden-test-network':
              return h('.network-indicator', [
                h('.menu-icon.red-dot'),
                h('.network-name', {
                  style: {
                    color: '#ff6666',
                  }},
                'Morden Test Net'),
              ])
            default:
              return h('.network-indicator', [
                h('i.fa.fa-question-circle.fa-lg', {
                  ariaHidden: true,
                  style: {
                    margin: '10px',
                    color: 'rgb(125, 128, 130)',
                  },
                }),
  
                h('.network-name', {
                  style: {
                    color: '#AEAEAE',
                  }},
                'Private Network'),
              ])
          }
        })(),
      ])
    )
  }
  