text: import React, {useState, useEffect} from "react";
  import axios from "axios";
  
  const Quote = () => {
      
      const [quoteData, setQuoteData] = useState([])
      useEffect(() => {
      axios.get("http://quotes.rest/qod.json")
              .then(returning => {
                  setQuoteData(returning.data.contents.quotes[0])   
                  
              })
  
              .catch(error => {
                  console.log("Down for now", error)
              })
          }, [])
          
      return (
          <div>
          <p className='quote'>"{quoteData.quote}"</p>
          <p className='author'><em>{quoteData.author}</em></p>
          </div>
      )
  }
  export default Quote;