{"size": 583, "ext": "js", "max_stars_repo_path": "forms-flow-web/src/components/Error/LoadError.js", "max_stars_repo_name": "McCoySmith/forms-flow-ai", "max_stars_repo_stars_event_min_datetime": "2020-04-16T20:26:18.000Z", "max_stars_repo_stars_event_max_datetime": "2022-03-30T12:39:50.000Z", "max_issues_repo_path": "forms-flow-web/src/components/Error/LoadError.js", "max_issues_repo_name": "McCoySmith/forms-flow-ai", "max_issues_repo_issues_event_min_datetime": "2020-06-05T21:30:27.000Z", "max_issues_repo_issues_event_max_datetime": "2022-03-30T04:53:25.000Z", "max_forks_repo_path": "forms-flow-web/src/components/Error/LoadError.js", "max_forks_repo_name": "McCoySmith/forms-flow-ai", "max_forks_repo_forks_event_min_datetime": "2020-04-15T18:54:51.000Z", "max_forks_repo_forks_event_max_datetime": "2022-03-29T04:58:49.000Z"}
{"max_stars_count": 132, "max_issues_count": 102, "max_forks_count": 91, "avg_line_length": 24.2916666667, "max_line_length": 69, "alphanum_fraction": 0.5831903945}
import React from "react";
import "./loadError.scss";

const LoadError = React.memo(({
  text = "Something went wrong.",
  className = "",
  noStyle = false,
}) => {
  if (noStyle) {
    return <div>{text}</div>;
  }
  return (
    <div className="row ">
      <div className={`col-12 error-message-block ${className} `}>
        <div className="alert alert-danger error-alert" role="alert">
        <i className="fa fa-arrow-left fa-lg" />
          <div className="alert-heading d-inline ml-3">{text}</div>
        </div>
      </div>
    </div>
  );
});
export default LoadError;
