text: import React from "react";
  import styles from "./styles.module.scss"
  import PropTypes from "prop-types";
  import LoginForm from "components/LoginForm";
  import SignupForm from "components/SignupForm";
  
  
  const Auth = (props, context) => 
      <main className={styles.auth}>
          <div className={styles.column}>
              <img src={require("images/androidandiphone.png")} alt="Checkout our app. Is cool" />
          </div>
          <div className={styles.column}>
              <div className={ `${styles.whiteBox} ${styles.formBox}`}>
              <img className={styles.logo} src={require("images/logo.png")} alt="Logo" />
                  {props.action === "login" && <LoginForm/>}
                  {props.action === "signup" && <SignupForm/>}
              </div>
              <div className={styles.whiteBox}>
              {/* state 액션이 로그인일때 혹은 회원가입일때  / 즉시 실행 */}
                  {props.action === "login" && 
                      ( 
                          <p className={styles.text} > {context.t("Don't have an account?")}{" "}
                              <span onClick={props.changeAction} 
                                  className={styles.changeLink}>
                                      {context.t("Sign up")}
                              </span>
                          </p>)}
                  {props.action === "signup" && (
                          <p className={styles.text} > {context.t("Have an account?")}{" "}
                              <span onClick={props.changeAction} 
                                  className={styles.changeLink}>
                                      {context.t("Log in")}
                              </span>
                          </p>
                      )
                  }
              </div>
              <div className={styles.appBox}>
                  <span>{context.t("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>
  
  
  Auth.contextTypes = {
      t: PropTypes.func.isRequired
  };
  
  export default Auth;