Adding the function restaurant and buttonAdd to increase the number of pizzas when the button Add is clicked

Author: OrlandoMoralesKuan

src/components/Restaurant/Restaurant.jsx

@@ -1,18 +1,25 @@
-const Restaurant = () => {
-  const pizzas = 0;
+import { useState } from "react";
+
+function Restaurant() {
+  const [pizzas, setPizzas] = useState(0);
+
+  function buttonAdd() {
+    setPizzas(pizzas + 1);
+  }
+
   return (
     <section className="restaurant">
       <h3 className="restaurant__heading">Restaurant Orders</h3>
       <ul className="restaurant__list">
         <li className="restaurant__item">
           Pizzas: {pizzas}{" "}
-          <button className="button restaurant__button" onClick={Restaurant}>
+          <button className="button restaurant__button" onClick={buttonAdd}>
             Add
           </button>
         </li>
       </ul>
     </section>
   );
-};
+}
 
 export default Restaurant;