text: import React 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;