import BarLoader from "react-spinners/BarLoader";
import { Badge, Col, ListGroup, ListGroupItem, Row } from "reactstrap";

export default function LoadingLayer({ text }: { text: string }) {
  return (
    <Row className="g-0">
      <Col className="m-1">
        <ListGroup>
          <Badge>{text}</Badge>
          <ListGroupItem>
            <BarLoader width="100%" color="#36d7b7" />
          </ListGroupItem>
        </ListGroup>
      </Col>
    </Row>
  );
}