text: import React, {useState} from 'react';
  
  //pass in books from bookshelf
  const BookForm = () => {
  
  const [manualInput, setManualInput] = useState({
      enteredTitle : '',
      enteredAuthor: '',
  });
  
   const titleChangeHandler = (event) =>{
      setManualInput((prevState) =>{
          
          return {...prevState, enteredTitle : event.target.value};
      });    
       
   };
  
   const authorChangeHandler = (event) => {
  
   };
  
      return (
          
          <form>
              <div>
              <div>
              <label>Book Title</label>
              <input type='text' onChange={titleChangeHandler}></input>
              </div>
              <div>
              <label>Author</label>
              <input type='text' onChange={authorChangeHandler}></input>
              </div>
              <button type='submit'>Add to BookShelf</button>
          </div>
          </form>
      
      )
  }
  
  export default BookForm;
  