import * as React from "react";
import { Dimmer, Loader } from "semantic-ui-react";
interface Props {
  active: boolean;
  text: string;
}
const MagaLoading = ({ active, text }: Props = { active: true, text: "" }) => {
  return (
    <React.Fragment>
      <div className="nav-strip-loader"></div>
      <Dimmer active={active} inverted>
        <Loader size="huge">{text}</Loader>
      </Dimmer>
    </React.Fragment>
  );
};

export default MagaLoading;