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

export default class PairsListComponent extends Component{
  render(){
    return(
      <div id = "outerDiv">
        {
          this.props.pairs.map((pair, index) =>
            (<PairComponent key = {index} index = {index} pair = {pair}/>))
        }
      </div>
    )
  }
}