text: import React from 'react';
  import VideoListItem from './video-list-item';
  
  const VideoList = (props) => {
  	//const videos = props.videos; //an array of videos
  	// if inside of html {props.videos.length} //length of the array of videos
  	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;