stitch-ui/src/core/components/Confirm.js

import { confirmable } from "react-confirm";
import React from "react";
import PropTypes from "prop-types";
import Modal from "react-modal";
import { Button } from "../../core";

/* eslint-disable no-unused-vars */
function Confirm({ show, proceed, dismiss, cancel, confirmation, options }) {
  return (
    <Modal
      isOpen={show}
      onRequestClose={dismiss}
      contentLabel="confirmation"
      className="view-modal-dialog"
      overlayClassName="view-modal-overlay"
    >
      <div className="view-modal-content">
        <div className="confirm-text">
          {confirmation}
        </div>
        <Button default onClick={cancel}>
          CANCEL
        </Button>
        <Button primary onClick={proceed}>
          OK
        </Button>
      </div>
    </Modal>
  );
}

/* eslint-disable react/forbid-prop-types */
Confirm.propTypes = {
  show: PropTypes.bool,
  proceed: PropTypes.func,
  cancel: PropTypes.func,
  dismiss: PropTypes.func,
  confirmation: PropTypes.string,
  options: PropTypes.object
};

Confirm.defaultProps = {
  show: false,
  proceed: () => {},
  cancel: () => {},
  dismiss: () => {},
  confirmation: () => {},
  options: {}
};

export default confirmable(Confirm);