import React, { Component } from 'react';
import SelectablePersonComponent from './SelectablePersonComponent.js';

export default class PersonsListComponent extends Component{
  render(){
    return(
      <div id = "outerDiv">
        {
          this.props.persons.map((person, index) =>
            (<SelectablePersonComponent key = {index} index = {index} personsSelectionChanged = {this.props.personsSelectionChanged} person = {person}/>))
        }
      </div>
    )
  }
}