@mvp-rockets/namma-generator/generators/web/templates/organisms/Login.js

A generator to generate mvp-rockets projects

import React from "react";
import LinkButton from "../atoms/LinkButton";
import Text from "../atoms/Text";
import PropTypes from "prop-types";
import LoginForm from "../molecules/LoginForm";
import Navbar from "../molecules/Navbar";

const Login = ({
  createAccountLink = "https://www.google.com",
  loginText = "Login to your Account",
  notAccountText = "Do not have an account?",
  companyName = "MVPRockets.",
  companyLink = "https://mvprockets.com",
  createAccountText = "Create an account",
  copyrightYear = "2022",
  ...property
}) => {
  return (
    <div className="flex items-stretch flex-col h-screen justify-center">
      <Navbar logo="/images/logo.svg" className="self-start" />
      <div className="bg-neutral-100 h-full flex flex-col items-stretch">
        <div
          className={`${property.className} h-full flex flex-col space-y-6 items-center justify-center mx-auto w-fit`}
        >
          <Text
            variant="bodySmall"
            fontSize="text-xl"
            fontWeight="font-semibold"
          >
            {loginText}
          </Text>

          <LoginForm link="https://www.google.com" />

          <div className="flex space-x-1">
            <Text>{notAccountText}</Text>
            <LinkButton href={createAccountLink}>
              {createAccountText}
            </LinkButton>
          </div>
        </div>

        <Text
          variant="bodySmall"
          className="text-neutral-500 text-center py-4 mx-auto flex"
        >
          Copyright © {copyrightYear},
          <LinkButton
            variant="bodySmall"
            href={companyLink}
            className="text-neutral-500 no-underline px-0.5"
          >
            {companyName}
          </LinkButton>
          All rights reserved.
        </Text>
      </div>
    </div>
  );
};

Login.propTypes = {
  createAccountLink: PropTypes.string,
  loginText: PropTypes.string,
  notAccountText: PropTypes.string,
  createAccountText: PropTypes.string,
  companyName: PropTypes.string,
};

export default Login;