content: 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} />
      );
    });
  
    // const videos = props.videos
    return(
      <ul className='col-md-8 list-group'>
        {videoItems}
      </ul>
    );
  };
  
  export default VideoList;