text: import React from "react";
  import logo from "./../../images/umall2.gif";
  import Btn from "./../../SmallComponent/Btn";
  import { Link } from "react-router-dom";
  import SignUpForm from "../SignUp/SignUpForm";
  function SignUp(props) {
    return (
      <section className="signin">
        <section className="signin--section signup">
          <section className="signin--body">
            <div className="logo--group--with--text">
              <Link to={{ pathname: "/" }}>
                <img alt="Logo" src={logo} />
                <p>Sell swiftly, buy Swiftly</p>
              </Link>
            </div>
            <SignUpForm firebase={props.firebase} />
          </section>
          <div className="signin--link">
            <p>
              Dont have an account
              <span style={{ color: "#05aff2", marginRight: "1rem" }}> ? </span>
              <Link to={{ pathname: "/signIn" }}>
                <Btn color="#05aff2" title="Log in" />
              </Link>
            </p>
            <p>
              Forgot password <span style={{ color: "#05aff2" }}> ?</span>
              <Link to={{ pathname: "/reset" }}>
                <span style={{ paddingLeft: ".5rem", color: "#001992" }}>
                  <em>click here</em>
                </span>
              </Link>
            </p>
          </div>
        </section>
      </section>
    );
  }
  
  export default SignUp;
  