import React from 'react'

const Details = React.createClass({

   render () {

      console.log(this.props)
      return (
         <h1>test</h1>
      )
   }
})

export default Details

@@ -23,61 +23,360 @@
 ct'%0A
-%0Aconst Details = React.createClass(%7B%0A%0A   render () %7B%0A
+const %7B shape, string %7D = React.PropTypes%0A%0Aconst Details = React.createClass(%7B%0A   propsTypes: %7B%0A      show: shape(%7B%0A         title: string,%0A         year: string,%0A         poster: string,%0A         description: string,%0A         trailer: string%0A      %7D)%0A%0A   %7D,%0A%0A%0A   render () %7B%0A%0A      const %7B poster, title, year, description, trailer %7D = this.props.show
 %0A   
@@ -402,16 +402,23 @@
 .props)%0A
+      %0A
       re
@@ -428,46 +428,661 @@
 n (%0A
-         %3Ch1%3Etest%3C/h1%3E%0A      )%0A   %7D%0A%7D)
+%0A      %3Cdiv className='details'%3E%0A         %3Cheader%3E%0A            %3Ch1%3Esvideo%3C/h1%3E%0A         %3C/header%3E%0A         %3Csection%3E%0A            %3Ch1%3E%7Btitle%7D%3C/h1%3E%0A            %3Ch2%3E(%7Byear%7D)%3C/h2%3E%0A            %3Cimg src=%7B%60/public/img/posters/$%7Bposter%7D%60%7D /%3E%0A            %3Cp%3E%7Bdescription%7D%3C/p%3E%0A         %3C/section%3E%0A         %3Cdiv%3E%0A            %3Ciframe src=%7B%60https://www.youtube-nocookie.com/embed/$%7Btrailer%7D?rel=0&amp;controls=0&amp;showinfo=0%60%7D frameBorder='0' allowFullScreen /%3E%0A         %3C/div%3E%0A      %3C/div%3E%0A            %0A      )%0A   %7D%0A%7D)%0A%0A// stateless compponent can take props -%3E query params property%0A%0A// const Details = (props) =%3E %7B%0A//   return %3Ch1%3Estateless component %3C/h1%3E%0A// %7D
 %0A%0Aex
@@ -1102,8 +1102,9 @@
 Details%0A
+%0A

update 'Details' component to display show