react-message-bar/lib/esm/index.js

A simple React component for showing and dismissing a messagebar

import React, { useState } from "react";
var MessageBar = function (_a) {
    var children = _a.children, _b = _a.messageId, messageId = _b === void 0 ? 'default-message' : _b;
    var _c = useState(null === localStorage.getItem(messageId)), isOpen = _c[0], setIsOpen = _c[1];
    var handleDismissBar = function () {
        localStorage.setItem(messageId, 'dismissed');
        setIsOpen(false);
    };
    if (!isOpen) {
        return null;
    }
    return React.createElement("div", { className: "react-message-bar--bar" },
        React.createElement("button", { className: "react-message-bar--dismiss-button", onClick: handleDismissBar, "aria-label": "Dismiss message" }, "X"),
        children);
};
export default MessageBar;