text: import React, { Component } from 'react';
  import { connect } from 'react-redux';
  import Actor from './Actor';
  
  const ActorList = ({ actors, timeInterval, margin, width, clock }) => {
    return <g id="actor-container">{
      actors.valueSeq().map((actor, i) =>
        <Actor x={ width / (actors.size + 1) * (i + 1) }
          textY={18}
          lineStartY={margin /* TODO: implement uptime */}
          lineEndY={(clock + 1) * timeInterval + margin}
          kind={actor.get('kind')}
          name={actor.get('name')}
          key={actor.get('name')} />
      ) }</g>;
  }
  
  function mapStateToProps(state) {
    return {
      actors: state.shadow.actors,
      clock: state.shadow.clock,
      width: state.ui.panelSize,
      timeInterval: state.ui.timeInterval,
    };
  }
  
  export default connect(mapStateToProps)(ActorList);
  