import { useContext } from "react";
import { AppContext } from "../../Hooks/useContext/appContext";
import { Steps, OutgoingSteps } from "../../Constants/Copy/howToSteps.js";
import "../../styles/howTo-page.scss";

const HowToPage = () => {
  const { appState } = useContext(AppContext);
  const { group } = appState;

  if (!group) return null;

  return (
    <>
      <div>
        <Steps />
        <OutgoingSteps />
      </div>
    </>
  );
};

export default HowToPage;

/*
          <div className="how-to-image-wrapper">
            <img className="how-to-image" src={howto}></img>
          </div>
          <div className="how-to-image-wrapper">
             <img className="footer-logo" src={logoWhite}></img>
          </div>

*/
