{"size": 2479, "ext": "js", "max_stars_repo_path": "src/Login/LoginView/index.js", "max_stars_repo_name": "ShiJ0109/GoSoShul-Next-SSR", "max_stars_repo_stars_event_min_datetime": null, "max_stars_repo_stars_event_max_datetime": null, "max_issues_repo_path": "src/Login/LoginView/index.js", "max_issues_repo_name": "ShiJ0109/GoSoShul-Next-SSR", "max_issues_repo_issues_event_min_datetime": null, "max_issues_repo_issues_event_max_datetime": null, "max_forks_repo_path": "src/Login/LoginView/index.js", "max_forks_repo_name": "ShiJ0109/GoSoShul-Next-SSR", "max_forks_repo_forks_event_min_datetime": null, "max_forks_repo_forks_event_max_datetime": null}
{"max_stars_count": null, "max_issues_count": null, "max_forks_count": null, "avg_line_length": 28.4942528736, "max_line_length": 81, "alphanum_fraction": 0.4796288826}
import React, {useState} from 'react';
import { Helmet } from 'react-helmet';
import Login from './Login';
// import './Login.css';

// import LoadingProvider instead of annoying callback
import { LoadingProvider } from './LoadingContext';

const LoginView = () => {

  return (
    <LoadingProvider>
      <Helmet>
        <style type="text/css">
          {`
          .container1 {
            display: block;
            position: relative;
            padding-left: 35px;
            margin-bottom: 12px;
            cursor: pointer;
            font-size: 22px;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
            }
            /* Hide the browser's default radio button */
            .container1 input {
            position: absolute;
            opacity: 0;
            cursor: pointer;
            }
            /* Create a custom radio button */
            .checkmark {
            position: absolute;
            top: 0;
            left: 0;
            height: 20px;
            width: 20px;
            background-color: #eee;
            border-radius: 50%;
            }
            /* On mouse-over, add a grey background color */
            .container1:hover input ~ .checkmark {
            background-color: #ccc;
            }
            /* When the radio button is checked, add a blue background */
            .container1 input:checked ~ .checkmark {
            background-color: #D2D1D4;
            }
            /* Create the indicator (the dot/circle - hidden when not checked) */
            .checkmark:after {
            content: "";
            position: absolute;
            display: none;
            }
            /* Show the indicator (dot/circle) when checked */
            .container1 input:checked ~ .checkmark:after {
            display: block;
            }
            /* Style the indicator (dot/circle) */
            .container1 .checkmark:after {
            top: 3px;
            left: 3px;
            width: 14px;
            height: 14px;
            border-radius: 50%;
            background: #75F93E;
            }
            @media only screen and (min-height: 768px) {
            body{
            overflow: hidden !important;
            }
            }
    `}
        </style>
      </Helmet>
      <div className="go-bg">
        <Login />
      </div>
    </LoadingProvider>

  );
};
export default LoginView;
