Elep

import React from 'react';
import questionWrapper from '../../HOC/QuestionWrapper';

const One = (props) => {

return (
        <form onSubmit={props.handleSubmit}>
            <div className="question">
                <h3 className="question-text">1. World Food Day is celebrated on the 16th of October every year and is a day of action dedicated to tackling global hunger. Cravvings is a platform that connects people to food vendors around them and allows them share their experiences by leaving reviews.</h3>
                <div className="form-group">
                    <label htmlFor="cel-post">Come up with a celebratory post for Cravvings to celebrate World Food Day</label>
                    <textarea onBlur={props.postAnswer} id="cel-post" className="input" rows="5" name="wfd" onChange={props.handleChange} value={props.inputs.wfd || ""}></textarea>
                </div>
                <div className="form-group">
                    <label htmlFor="on-off">Come up with offline and online activities Cravvings can do to celebrate World Food Day</label>
                    <textarea onBlur={props.postAnswer} id="on-off" className="input" rows="5" name="offline" onChange={props.handleChange} value={props.inputs.offline || ""}></textarea>
                </div>
                
            </div>
            <div className="pagination">
                <button type="button" className="btn disabled" 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(One)