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;