text: import React, {Component} from 'react';
  import VideoListItem from './videoListItem';
  
  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;