import React, { useState } from "react";
const Sum = () => {

  const [value1, setValue1] = useState();
  const [value2, setValue2] = useState();
  const [result, setResult] = useState();

  const calculateSum = () => setResult(value1 + value2);

  return (
    <div>
     <input
       data-testid="value1"
       value={value1}
       onChange={e => setValue1(e.target.value)}
     />
     <input
       data-testid="value2"
       value={value2}
       onChange={e => setValue2(e.target.value)}
     />
     <button data-testid="sum-button" onClick={calculateSum} />
     <p data-testid="result-txt">{result}</p>
    </div>
   );
};

export default Sum;