</table> <hr/>
render() { return ( <div> <h1 className={styles.heading}> {this.props.heading} </h1> <hr /> {this.props.children} </div> ); }
const Banner = () => ( <div className="pro_banner"> <div className="pro_top"> <BannerTopOptions /> <BannerFollow /> </div> <BannerAvatar /> <BannerInfo /> <BannerTags /> <hr /> <IsOnline /> <BannerStats /> <ToolTip /> </div> )
render () { var self = this let currentStep = this.state.currentStep; let stepToRender = this.props.steps[currentStep]; let stepName = stepToRender.name; let stepComponent = stepToRender.component; let nextButton = <button className="btn btn-rounded btn-default" onClick={self.stepForward}>Next</button>; if(currentStep == this.props.steps.length - 1){ nextButton = <button className="btn btn-rounded btn-success" type="submit" >Submit</button>; } return( <div> <h4>{(currentStep + 1) + " : " + stepName}</h4> <hr/> {stepComponent} <div className="control-btns"> {currentStep > 0 && <button className="btn btn-rounded btn-default" onClick={this.stepBackward}>Previous</button>} {nextButton} </div> </div>); }
</div> <hr /> </div>
</li> <li className="o_li o_divider"> <hr className="menu_divider" /> </li> <li className="o_li">
</div> <hr /> </div>
</div> <hr /> </div>
</div> <hr /> </div>
</div> <hr /> </div>