{"size": 756, "ext": "js", "max_stars_repo_path": "src/components/App/Preloader.js", "max_stars_repo_name": "theodesp/theodespoudis.me", "max_stars_repo_stars_event_min_datetime": "2016-09-04T17:15:31.000Z", "max_stars_repo_stars_event_max_datetime": "2018-02-03T12:01:04.000Z", "max_issues_repo_path": "src/components/App/Preloader.js", "max_issues_repo_name": "theodesp/theodespoudis.me", "max_issues_repo_issues_event_min_datetime": null, "max_issues_repo_issues_event_max_datetime": null, "max_forks_repo_path": "src/components/App/Preloader.js", "max_forks_repo_name": "theodesp/theodespoudis.me", "max_forks_repo_forks_event_min_datetime": "2018-02-03T12:01:04.000Z", "max_forks_repo_forks_event_max_datetime": "2018-02-03T12:01:04.000Z"}
{"max_stars_count": 2, "max_issues_count": null, "max_forks_count": 1, "avg_line_length": 29.0769230769, "max_line_length": 71, "alphanum_fraction": 0.4193121693}
import React from 'react';
import 'react-loader-spinner/dist/loader/css/react-spinner-loader.css';
import Loader from 'react-loader-spinner';

const Preloader = () => {
    return (
        <div className="loader">
            <div className="d-table">
                <div className="d-table-cell">
                    <div className="preloader__wrapper">
                        <Loader
                            type="ThreeDots"
                            color="#00BFFF"
                            height={100}
                            width={100}
                            timeout={3000} //3 secs
                        />
                    </div>
                </div>
            </div>
        </div>
    )
}

export default Preloader
