{"size": 350, "ext": "js", "max_stars_repo_path": "app/src/components/Loader/Loader.js", "max_stars_repo_name": "rpatil524/mobilizing-million-hearts", "max_stars_repo_stars_event_min_datetime": "2020-11-23T21:10:00.000Z", "max_stars_repo_stars_event_max_datetime": "2021-11-21T22:54:52.000Z", "max_issues_repo_path": "app/src/components/Loader/Loader.js", "max_issues_repo_name": "rpatil524/mobilizing-million-hearts", "max_issues_repo_issues_event_min_datetime": "2020-12-15T15:51:55.000Z", "max_issues_repo_issues_event_max_datetime": "2021-04-01T02:23:03.000Z", "max_forks_repo_path": "app/src/components/Loader/Loader.js", "max_forks_repo_name": "onc-healthit/mobilizing-million-hearts-app", "max_forks_repo_forks_event_min_datetime": "2020-10-20T17:12:13.000Z", "max_forks_repo_forks_event_max_datetime": "2020-10-20T17:12:13.000Z"}
{"max_stars_count": 9, "max_issues_count": 6, "max_forks_count": 1, "avg_line_length": 17.5, "max_line_length": 54, "alphanum_fraction": 0.6057142857}
import LoadingOverlay from 'react-loading-overlay';
import React from 'react';

export default function Loader({ active, children }) {
	return (
		<LoadingOverlay
			active={active}
			styles={{
				overlay: (base) => ({
					...base,
					background: 'rgba(142, 142, 142, 0.49)',
				}),
			}}
			spinner
		>
			{children}
		</LoadingOverlay>
	);
}
