var React = require('react')
var Roof = require('roof')


module.exports = Roof.createContainer({
  cursors: {
    users : 'users'
  },
  onClick(){
    this.bus.fire('users.insert')
  },
  render(){
    return <div>
      <ul>
        ${this.props.users.map( user =>{
        return <li key={user.get('id')} className='user'>{user.getFullName()}</li>
      })}
      </ul>
      <button onClick={this.onClick}></button>
    </div>
  }
})