@magicbell/magicbell-react
Version:
React components for building a notification inbox for your app
27 lines (26 loc) • 922 B
JavaScript
;
Object.defineProperty(exports, "__esModule", { value: true });
exports.default = CloseBannerButton;
const tslib_1 = require("tslib");
const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
/** @jsxImportSource @emotion/react */
const react_1 = require("@emotion/react");
const CloseIcon_js_1 = tslib_1.__importDefault(require("../UserPreferencesPanel/CloseIcon.js"));
/**
*
* @example
* <EnablePushNotificationsButton onClick={closeBanner} />
*/
function CloseBannerButton({ onClick }) {
const handleClick = () => {
onClick();
};
return ((0, jsx_runtime_1.jsx)("button", { onClick: handleClick, "aria-label": "close notification", css: (0, react_1.css) `
display: flex;
align-items: center;
svg {
height: 24px;
}
`, children: (0, jsx_runtime_1.jsx)(CloseIcon_js_1.default, {}) }));
}
//# sourceMappingURL=CloseBannerButton.js.map