{"size": 856, "ext": "js", "max_stars_repo_path": "example/src/cubes/loading/loading.js", "max_stars_repo_name": "TavDev/rf-table", "max_stars_repo_stars_event_min_datetime": null, "max_stars_repo_stars_event_max_datetime": null, "max_issues_repo_path": "example/src/cubes/loading/loading.js", "max_issues_repo_name": "TavDev/rf-table", "max_issues_repo_issues_event_min_datetime": null, "max_issues_repo_issues_event_max_datetime": null, "max_forks_repo_path": "example/src/cubes/loading/loading.js", "max_forks_repo_name": "TavDev/rf-table", "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": 30.5714285714, "max_line_length": 71, "alphanum_fraction": 0.5245327103}
import React from "react";
import "./loading.css";

export function Loading() {
  return (
    <div>
      <div className="container-fluid flex-grow-1">
        <div className="card empty-state">
          <div className="empty-state-content">
            <div className="spinner-grow text-primary" role="status">
              <span className="sr-only"></span>
            </div>
            <div className="spinner-grow text-secondary" role="status">
              <span className="sr-only"></span>
            </div>
            <div className="spinner-grow text-success" role="status">
              <span className="sr-only"></span>
            </div>
            <div className="spinner-grow text-danger" role="status">
              <span className="sr-only"></span>
            </div>
          </div>
        </div>
      </div>
    </div>
  );
}
