fix: ModalButton

v2-react-color-schemes-and-modal/src/components/Main.js

@@ -9,7 +9,7 @@ const Main = (props) => {
       <h1>React color schemes and modal</h1>
       <p>Switch color schemes and open modals with React.</p>
       <ModalProvider>
-        <ModalButton>Modal</ModalButton>
+        <ModalButton>Open Modal</ModalButton>
         <Modal />
       </ModalProvider>
     </main>

v2-react-color-schemes-and-modal/src/components/ModalButton.js

@@ -1,12 +1,12 @@
 import React from "react";
 import { useModal } from "../contexts/ModalContext";
 
-export default function ModalButton(props) {
+export default function ModalButton({ children, ...props }) {
   const { handleOpen } = useModal();
 
   return (
     <button onClick={handleOpen} {...props}>
-      Open Modal
+      {children}
     </button>
   );
 }