import React, { Component } from 'react'
import AllProviderListRow from './allProviderListRow.jsx';

export default class AllProviderList extends Component {

    render() {
        const { providers, onProviderClick } = this.props;

        return (
            <ul className="cluedIn_allProviderList">
                { providers.map( ( provider, i ) => {
                    return (<AllProviderListRow key={i}
                                                onProviderClick={onProviderClick}
                                                provider={provider}></AllProviderListRow>);
                } )}
            </ul>
        );
    }
};