import React, {ChangeEvent, FormEvent, useEffect, useReducer, useState} from 'react';
import logo from './logo.svg';
import './App.css';
import {Simulate} from "react-dom/test-utils";
import submit = Simulate.submit;

const ACTIONS ={
    divide:
}


function reducer(number, action){

}
export default function App() {
    const[state, dispatch] = useReducer(reducer, []);
    const [value, setValue] = useState<number>(0);

    useEffect(() => {
        console.log(value)
    }, [value])

    function handleSubmit(e: number){
      dispatch({})
    }

    return (

            <form onSubmit ={(e: FormEvent<HTMLFormElement>) => handleSubmit(parseInt(e))}>
                <input type="text" value={value}
                       onChange={(e: ChangeEvent<HTMLTextAreaElement | HTMLInputElement>) => setValue(parseInt(e.target.value))}/>
                <p>{ value }</p>
                <button type="submit">Caculate</button>
            </form>


    );

}