{"size": 561, "ext": "js", "max_stars_repo_path": "src/views/talent/education.js", "max_stars_repo_name": "thaed-seven/talent-zoom", "max_stars_repo_stars_event_min_datetime": null, "max_stars_repo_stars_event_max_datetime": null, "max_issues_repo_path": "src/views/talent/education.js", "max_issues_repo_name": "thaed-seven/talent-zoom", "max_issues_repo_issues_event_min_datetime": null, "max_issues_repo_issues_event_max_datetime": null, "max_forks_repo_path": "src/views/talent/education.js", "max_forks_repo_name": "thaed-seven/talent-zoom", "max_forks_repo_forks_event_min_datetime": "2021-11-17T01:08:22.000Z", "max_forks_repo_forks_event_max_datetime": "2021-11-17T01:08:22.000Z"}
{"max_stars_count": null, "max_issues_count": null, "max_forks_count": 1, "avg_line_length": 20.7777777778, "max_line_length": 64, "alphanum_fraction": 0.5169340463}
import React from 'react';
import { Box } from '@chakra-ui/react';
import Step5 from '../../components/LoginSteps/Step5';
import Footer from '../../components/Nav/footer';

function LoginStep5() {
  return (
    <div style={{ backgroundColor: '#F4F4F4', paddingTop: 10 }}>
      <Box
        w={[375, 600, 780, 1000]}
        backgroundColor="white"
        h={'auto'}
        p={10}
        m={(0, 'auto')}
        mt={20}
        mb={5}>
        <Step5 />
      </Box>
      <div>
        <Footer />
      </div>
    </div>
  );
}

export default LoginStep5;
