Made restart a prop

minimal-app/src/app.js

@@ -7,7 +7,7 @@ export function App() {
   return (
     <>
       <Route exact path={'/'}>
-        <InvisibleMaze/>
+        <InvisibleMaze reset = {"Reset Maze"}/>
       </Route>
     </>
   );

minimal-app/src/features/invisibleMaze/invisibleMaze.js

@@ -17,7 +17,7 @@ import {
   setButtonThree,
 } from './invisibleMazeSlice.js';
 
-export function InvisibleMaze() {
+export function InvisibleMaze(props) {
   const stepOne = useSelector(selectStepOne);
   const stepTwo = useSelector(selectStepTwo);
   const stepThree = useSelector(selectStepThree);
@@ -82,9 +82,13 @@ export function InvisibleMaze() {
         </div>
         <div className={styles.controlPanel}>
           <button className={styles.reset} onClick={resetMaze}>
-          {"Reset Maze"}
+          {props.reset}:&nbsp;
           </button>
         </div>
     </main> 
   );
 }
+
+InvisibleMaze.propTypes = {
+  reset: PropTypes.string.isRequired,
+};
\ No newline at end of file