import React, { useState } from 'react';

export const Input = ({ addTodoDispatch }) => {
    const [text, setText] = useState('');

    const handleSubmit = e => {
        e.preventDefault();
        addTodoDispatch({ type: 'addTodo', payload: text });
        setText('');
    }

    return (
        <form onSubmit={ e => handleSubmit(e) }>
            <input
                value={text}
                onChange={ e => setText(e.target.value) } />
            <button>Add</button>
        </form>
    )
}