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;