{"size": 906, "ext": "js", "max_stars_repo_path": "client/src/apps/sign-up/sign-up-user.js", "max_stars_repo_name": "kylekthompson/some_schedules", "max_stars_repo_stars_event_min_datetime": "2018-07-13T21:49:50.000Z", "max_stars_repo_stars_event_max_datetime": "2019-10-03T01:27:19.000Z", "max_issues_repo_path": "client/src/apps/sign-up/sign-up-user.js", "max_issues_repo_name": "kylekthompson/some_schedules", "max_issues_repo_issues_event_min_datetime": "2017-05-24T00:17:37.000Z", "max_issues_repo_issues_event_max_datetime": "2018-09-18T23:29:26.000Z", "max_forks_repo_path": "client/src/apps/sign-up/sign-up-user.js", "max_forks_repo_name": "kylekthompson/some_schedules", "max_forks_repo_forks_event_min_datetime": null, "max_forks_repo_forks_event_max_datetime": null}
{"max_stars_count": 3, "max_issues_count": 82, "max_forks_count": null, "avg_line_length": 25.1666666667, "max_line_length": 60, "alphanum_fraction": 0.7052980132}
import PropTypes from 'prop-types';
import React from 'react';
import SignUpUserForm from 'apps/sign-up/sign-up-user-form';
import styled from 'styled-components';
import { Card, Container, Text } from 'components/style';
import { Separator } from 'components/form';
import { authenticated } from 'components/authentication';

const StyledContainer = styled(Container)`
  align-items: center;
  padding-top: 100px;
`;

const StyledCard = styled(Card)`
  align-items: center;
`;

export function SignUpUser({ requestSignIn }) {
  return (
    <StyledContainer>
      <StyledCard>
        <Text size={20} weight="bold">Sign Up - User</Text>
        <Separator />
        <SignUpUserForm onSuccess={requestSignIn} />
      </StyledCard>
    </StyledContainer>
  );
}

SignUpUser.propTypes = {
  requestSignIn: PropTypes.func.isRequired,
  user: PropTypes.object,
};

export default authenticated(SignUpUser);
