/*
Example for Children pass through
*/

class FancyBorder extends React.Component{
 render(){
    return <div className ="fancy-border">{this.props.children}
    </div>
 }
}

class WelcomeDailog extends React.Component{
  render(){
    return <FancyBorder>
      <h1 >Title</h1>
      <p>Description</p>
  </FancyBorder>
  }
}

class Application extends React.Component {
  render() {
    return (
      <div>
       <WelcomeDailog/>
      </div>
    );
  }
}

/*
 * Render the above component into the div#app
 */
React.render(<Application />, document.getElementById("app"));