import * as React from "react";
import { EthAddress } from "@joincivil/typescript-types";
import AuthWeb3 from "./AuthWeb3";

export interface AuthWeb3SignUpProps {
  onAuthenticated?(address: EthAddress): void;
  onSignUpContinue?(): void;
  onOuterClicked?(): void;
  onLoginClicked?(): void;
  onSignUpUserAlreadyExists?(): void;
  onUserSelectLogIn?(): void;
}

const AuthWeb3SignupPage: React.FunctionComponent<AuthWeb3SignUpProps> = props => {
  return (
    <AuthWeb3
      messagePrefix="Sign up with Civil"
      onOuterClicked={props.onOuterClicked}
      onSignUpContinue={props.onSignUpContinue}
      onSignUpUserAlreadyExists={props.onSignUpUserAlreadyExists}
      onUserSelectLogIn={props.onUserSelectLogIn}
    />
  );
};

export default React.memo(AuthWeb3SignupPage);