import React from 'react'; import questionWrapper from '../../HOC/QuestionWrapper'; const index = (props) => { return ( <form onSubmit={props.handleSubmit}> <div className="question"> <h3 className="question-text">2. What brand’s content do you like and why?</h3> <div className="form-group"> <textarea onBlur={props.postAnswer} name="brandcontent" rows="5" className="input" onChange={props.handleChange} value={props.inputs.brandcontent || ""} /> </div> </div> <div className="pagination"> <button type="button" className="btn btn-warning" onClick={(e) => props.next(e, 'prev')}>Previous</button> <button type="submit" className="btn btn-success" onClick={(e) => props.next(e, 'next')}>Next</button> </div> </form> ) } export default questionWrapper(index)