text: import React from 'react';
  
  const VideoListItem = ({video}) => {
      
      //const video = props.video; // This is the result of having {video} as argument to the functional component VideoListItem, this is ECS6 Syntax
     const imageUrl = video.snippet.thumbnails.default.url;
      
      return (
          <li className="list-group-item">
              <div className="video-list media">
                  <div className="media-left">
                      <img className="media-object" src={imageUrl}/>
                  </div>
          
                  <div className="media-body">
                      <div className="media-heading" >{video.snippet.title}</div>
          
                  </div>
          
              </div>
          
          </li>
          );
      
      
  }
  
  export default VideoListItem