react-hook-popup
Version:
Easily manage popups like alerts and modals in React with a single hook
19 lines (18 loc) • 1 kB
JavaScript
;
var __importDefault = (this && this.__importDefault) || function (mod) {
return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
exports.Alert = void 0;
var react_1 = __importDefault(require("react"));
require("./alert.css");
var Alert = function (_a) {
var handleClose = _a.handleClose, variant = _a.variant, children = _a.children;
return (react_1.default.createElement(react_1.default.Fragment, null,
react_1.default.createElement("div", { className: "rhp-alert " + variant },
react_1.default.createElement("div", { className: "rhp-alert__content" }, children),
react_1.default.createElement("div", { className: "rhp-alert__actions" },
react_1.default.createElement("button", { onClick: handleClose, className: "rhp-alert__ok-button" }, "Ok"))),
react_1.default.createElement("div", { className: "rhp-alert__dimmer" })));
};
exports.Alert = Alert;