react-hook-popup
Version:
Easily manage popups like alerts and modals in React with a single hook
20 lines (19 loc) • 1.18 kB
JavaScript
"use strict";
var __importDefault = (this && this.__importDefault) || function (mod) {
return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
exports.Confirm = void 0;
var react_1 = __importDefault(require("react"));
require("./confirm.css");
var Confirm = function (_a) {
var confirm = _a.confirm, cancel = _a.cancel, children = _a.children;
return (react_1.default.createElement(react_1.default.Fragment, null,
react_1.default.createElement("div", { className: "rhp-confirm" },
react_1.default.createElement("div", { className: "rhp-confirm__content" }, children),
react_1.default.createElement("div", { className: "rhp-confirm__actions" },
react_1.default.createElement("button", { onClick: cancel, className: "rhp-confirm__button rhp-confirm__button--cancel" }, "Cancel"),
react_1.default.createElement("button", { onClick: confirm, className: "rhp-confirm__button rhp-confirm__button--confirm" }, "Confirm"))),
react_1.default.createElement("div", { className: "rhp-confirm__dimmer" })));
};
exports.Confirm = Confirm;