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
  