import React from 'react'; import questionWrapper from '../../HOC/QuestionWrapper'; const index = (props) => { return ( <form onSubmit={props.handleSubmit}> <div className="question"> <h3 className="question-text">4. What’s one cost-effective thing we can do to create more awareness for Cravvings?</h3> <div className="form-group"> <textarea onBlur={props.postAnswer} rows="5" onChange={props.handleChange} name="brand" className="input form-control" id="brand" value={props.inputs.brand || ""}></textarea> </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)