content: import React, { Component } from 'react';
  import './VideoDetail.css';
  
  
  class VideoDetail extends Component {
    renderNotFound() {
      return (
        <div>No Videos</div>
      );
    }
  
    render() {
      const video = this.props.video;
  
      if (!video)
        return this.renderNotFound();
  
      const { videoId } = video.id;
      const { title, description } = video.snippet;
      const url = `https://www.youtube.com/embed/${videoId}`;
  
      return (
        <div className="video-detail">
          <div className="video-player">
            <iframe src={ url }></iframe>
          </div>
          <div className="video-information">
            <h3 className="video-title">{ title }</h3>
            <p className="video-description">{ description }</p>
        </div>
        </div>
      );
    }
  }
  
  export default VideoDetail;
  
  