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