var Component = require('choo/component')
const h = require('hyperscript')
const style = require('../assets/styles')

class Nav extends Component {
  constructor (id, state, emit) {
    super(id)
    this.local = state.components[id] = {}
  }

  createElement () {
    return h('nav.pv3', [
      style,
      h('a.link.dim.black.b.f6.f5-ns.dib.mr3', {
        href: '/'
      }, 'home'),
      h('a.link.dim.gray.f6.f5-ns.dib.mr3', {
        href: '/transactions'
      }, 'transactions'),
      h('a.link.dim.gray.f6.f5-ns.dib.mr3', {
        href: '/accounts'
      }, 'accounts')
    ])
  }

  update () {
    return true
  }
}

module.exports = Nav