{"size": 1139, "ext": "js", "max_stars_repo_path": "client/src/components/UserProfile/UserProfile.js", "max_stars_repo_name": "clerick44/recipe-box", "max_stars_repo_stars_event_min_datetime": null, "max_stars_repo_stars_event_max_datetime": null, "max_issues_repo_path": "client/src/components/UserProfile/UserProfile.js", "max_issues_repo_name": "clerick44/recipe-box", "max_issues_repo_issues_event_min_datetime": "2021-12-07T07:29:08.000Z", "max_issues_repo_issues_event_max_datetime": "2021-12-07T07:29:08.000Z", "max_forks_repo_path": "client/src/components/UserProfile/UserProfile.js", "max_forks_repo_name": "clerick44/recipe-box", "max_forks_repo_forks_event_min_datetime": null, "max_forks_repo_forks_event_max_datetime": null}
{"max_stars_count": null, "max_issues_count": 1, "max_forks_count": null, "avg_line_length": 20.7090909091, "max_line_length": 64, "alphanum_fraction": 0.5250219491}
import React, { useState } from "react";
// import styled from "styled-components";
import SignUp from "../SignUp/SignUp";
import Login from "../Login/Login";

const UserProfile = (props) => {
//   const ButtonGroup = styled.div;
//   const Button = styled.button;

//   function Login() {
//     const [currentPage, setCurrentPage] = useState("Login");

//     const renderLoginPage = () => {
//       if (currentPage === "Login") {
//         return <SignUp />;
//       }
//     };
//   }

//   function SignUp() {
//     const [currentPage, setCurrentPage] = useState("SignUp");

//     const renderSignUpPage = () => {
//       if (currentPage === "SignUp") {
//         return <Login />;
//       }
//     };
//   }
  return (
    <>
    <div></div>
    <div></div>
    <div></div>
      <div>
        <Login />
      </div>
      <div>
        <SignUp />
      </div>
    </>
  );
};

// const ButtonGroup = styled.div;
// const Button = styled.button;

export default UserProfile;

// (
//   <ButtonGroup>
//     <Button onClick={SignUp}> Sign Up </Button>
//     <Button onClick={Login}> Login </Button>
//   </ButtonGroup>
// );
