text: import React, {Component} from 'react';
  import VideoListItem from './video_list_item';
  
  const VideoList = (props) => {
  
    const videoItems = props.videos.map((video) => {
      return <VideoListItem
                onVideoSelect = {props.onVideoSelect}
                key = {video.etag}
                video = {video} />
    });
  
    return (
      <ul className="col-md-4 list-group">
        {videoItems}
      </ul>
    );
  };
  
  export default VideoList;
  