34 lines
941 B
React
34 lines
941 B
React
import "./dualButtonPopupModal.css";
|
|
import React from "react";
|
|
import PropTypes from "prop-types";
|
|
|
|
const DualButtonPopupModal = ({
|
|
open = true,
|
|
subject,
|
|
description,
|
|
esc,
|
|
save,
|
|
}) => {
|
|
return (
|
|
<div className="dual-button-popup-modal-holder">
|
|
<div className="dual-button-popup-modal-subject">{subject}</div>
|
|
<div className="dual-button-popup-modal-description">{description}</div>
|
|
<div className="dual-modal-spacing"></div>
|
|
<div className="dual-button-popup-modal-controllers">
|
|
<button className="transparent-discard-button">{esc}</button>
|
|
<button className="blue-save-button">{save}</button>
|
|
</div>
|
|
</div>
|
|
);
|
|
};
|
|
|
|
DualButtonPopupModal.propTypes = {
|
|
open: PropTypes.bool,
|
|
subject: PropTypes.string.isRequired,
|
|
description: PropTypes.string.isRequired,
|
|
esc: PropTypes.string.isRequired,
|
|
save: PropTypes.string.isRequired,
|
|
};
|
|
|
|
export default DualButtonPopupModal;
|