Proyectos de Subversion LeadersLinked - Antes de SPA

import React from "react";
import { Button, Modal } from "react-bootstrap";
import styled from "styled-components";
import Spinner from "../loading-spinner/Spinner";
import styles from "./ConfirmModal.module.scss";
import "../../css/shared/global.scss";

const StyledModalBody = styled.div`
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  margin-top: 1rem;
`;

const StyledModal = styled.div`
  .modal {
    width: 200px;
  }
`;

const ConfirmModal = (props) => {
  // props destructuring
  const {
    show,
    onClose,
    title = "Está seguro?",
    loading,
    onAccept,
    message,
    acceptLabel = "Enviar",
  } = props;

  // states
  // const [isLoading, setisLoading] = useState(false);
  // useEffect(() => {

  // }, [input])
  return (
    <StyledModal>
      <Modal
        size="sm"
        show={show}
        onHide={() => {
          onClose(false);
        }}
        style={{ overflowY: "scroll" }}
      >
        <Modal.Header closeButton>
          <Modal.Title>{title}</Modal.Title>
        </Modal.Header>
        <Modal.Body>
          {message && message}
          <StyledModalBody>
            <Button size="lg" type="submit" onClick={onAccept}>
              {acceptLabel}
            </Button>
            <Button
              size="lg"
              onClick={() => {
                onClose(false);
              }}
            >
              Cancelar
            </Button>
          </StyledModalBody>
        </Modal.Body>

        {loading && (
          <div className="spinner-container">
            <Spinner />
          </div>
        )}
      </Modal>
    </StyledModal>
  );
};

export default ConfirmModal;