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