playtpus_ui/lib/stories/03-Notification.stories copy.js

React Component Libary

"use strict";
var __importDefault = (this && this.__importDefault) || function (mod) {
    return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
exports.All = void 0;
var react_1 = __importDefault(require("react"));
var src_1 = require("../src");
exports.default = {
    title: 'Notification',
    component: src_1.Notification,
};
exports.All = function () {
    return react_1.default.createElement("div", { style: { maxWidth: "500px", margin: "auto" } },
        react_1.default.createElement("div", null,
            react_1.default.createElement("div", { className: "" }, "Top Left"),
            react_1.default.createElement(src_1.Button, { onClick: function () { return src_1.Notification.success({ title: "Success", message: "Action completed!" }); } }, "Open Notification"),
            react_1.default.createElement(src_1.Button, { bg: "red", onClick: function () { return src_1.Notification.error({ title: "Error", message: "Action Failed!" }); } }, "Open Notification"),
            react_1.default.createElement(src_1.Button, { bg: "orange", onClick: function () { return src_1.Notification.warning({ title: "Warning", message: "Action Completed with an Error!" }); } }, "Open Notification")),
        react_1.default.createElement("div", null,
            react_1.default.createElement("div", { className: "" }, "Top Right"),
            react_1.default.createElement(src_1.Button, { onClick: function () { return src_1.Notification.success({ title: "Success", message: "Action completed!", position: "top-left" }); } }, "Open Notification"),
            react_1.default.createElement(src_1.Button, { bg: "red", onClick: function () { return src_1.Notification.error({ title: "Error", message: "Action Failed!", position: "top-left" }); } }, "Open Notification"),
            react_1.default.createElement(src_1.Button, { bg: "orange", onClick: function () { return src_1.Notification.warning({ title: "Warning", message: "Action Completed with an Error!", position: "top-left" }); } }, "Open Notification")),
        react_1.default.createElement("div", null,
            react_1.default.createElement("div", { className: "" }, "Top Center"),
            react_1.default.createElement(src_1.Button, { shadow: true, onClick: function () { return src_1.Notification.success({ title: "Success", message: "Action completed!", position: "top-center" }); } }, "Open Notification"),
            react_1.default.createElement(src_1.Button, { bg: "red", onClick: function () { return src_1.Notification.error({ title: "Error", message: "Action Failed!", position: "top-center" }); } }, "Open Notification"),
            react_1.default.createElement(src_1.Button, { bg: "orange", onClick: function () { return src_1.Notification.warning({ title: "Warning", message: "Action Completed with an Error!", position: "top-center" }); } }, "Open Notification")));
};
//# sourceMappingURL=03-Notification.stories copy.js.map