import Header from './components/header/header';
import InputBox from './components/inputBox/inputBox';
import ResultBox from './components/resultBox/resultBox'
import React, {useState} from 'react';
import './App.css';

function App() {
  const [inputValue, setInputValue] = useState('');

  const buttonClick = (data) => {
    setInputValue(data);
  }
  return (
    <div>
      <Header></Header>
      <InputBox buttonClick={buttonClick}></InputBox>
      <ResultBox inputValue={inputValue}></ResultBox>
    </div>
  );
}

export default App;