text: 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;
  