{"size": 449, "ext": "js", "max_stars_repo_path": "frontend-react/src/components/general/_loading.js", "max_stars_repo_name": "Tsulaeman/full-stack-task-innential", "max_stars_repo_stars_event_min_datetime": "2017-12-08T16:29:54.000Z", "max_stars_repo_stars_event_max_datetime": "2022-03-13T09:54:42.000Z", "max_issues_repo_path": "frontend-react/src/components/general/_loading.js", "max_issues_repo_name": "Tsulaeman/full-stack-task-innential", "max_issues_repo_issues_event_min_datetime": "2018-10-03T15:18:50.000Z", "max_issues_repo_issues_event_max_datetime": "2020-11-20T16:38:59.000Z", "max_forks_repo_path": "frontend-react/src/components/general/_loading.js", "max_forks_repo_name": "Tsulaeman/full-stack-task-innential", "max_forks_repo_forks_event_min_datetime": "2018-04-01T00:04:28.000Z", "max_forks_repo_forks_event_max_datetime": "2021-12-14T17:02:26.000Z"}
{"max_stars_count": 122, "max_issues_count": 9, "max_forks_count": 33, "avg_line_length": 18.7083333333, "max_line_length": 46, "alphanum_fraction": 0.5011135857}
import React from 'react'

const Loading = ({ loadingMessage = '' }) => (
  <div className='spinnerWrapper'>
    <div className='spinner' />
    <p
      style={{
        marginTop: -25,
        color: 'silver',
        fontSize: 12,
        textAlign: 'center',
        position: 'absolute',
        top: '50%',
        width: 200,
        left: 'calc(50% - 75px)',
      }}
    >
      {loadingMessage}
    </p>
  </div>
)

export default Loading
