text: import React from "react";
  import styles from "./styles.scss";
  import LoginForm from "components/LoginForm";
  import SignupForm from "components/SignupForm";
  
  const Auth = (props, context) => (
    <main className={styles.auth}>
      <div className={styles.column}>
        <div className={styles.grid}>
          <div className={styles.grid__item}></div>
          <div className={styles.grid__item}></div>
          <div className={styles.grid__item}></div>
          <div className={styles.grid__item}></div>
          <div className={styles.grid__item}></div>
          <div className={styles.grid__item}></div>
        </div>
      </div>
  
      <div className={styles.column}>
        <div className={`${styles.whiteBox} ${styles.formBox}`} >
          <p>Awesome Place</p>
          {props.action === "login" && <LoginForm />}
          {props.action === "signup" && <SignupForm />}
        </div>
        <div className={styles.whiteBox}>
          {props.action === "login" && (                
              <p>
                Don't have an account?{" "}
                <span
                  className={styles.changeLink}
                  onClick={props.changeAction}
                >
                  Sign up
                </span>
              </p>
          )}
          
          {props.action === "signup" && (
              <p>
              Have an account?{" "}
              <span
                className={styles.changeLink}
                onClick={props.changeAction}
              >
                Log in
              </span>
            </p>
          )} 
        </div>
        <div className={styles.appBox}>
          <span>Get the app</span>
          <div className={styles.appstores}>
            <img
              src={require("images/ios.png")}
              alt="Download it on the Apple Appstore"
            />
            <img
              src={require("images/android.png")}
              alt="Download it on the Apple Appstore"
            />
          </div>
        </div>
      </div>
    </main>
  );
  
  export default Auth;