@magicbell/magicbell-react/dist/commonjs/components/NotificationInbox/private/PreferencesView.js

React components for building a notification inbox for your app

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.default = PreferencesView;
const tslib_1 = require("tslib");
const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
const TranslationsContext_js_1 = require("../../../context/TranslationsContext.js");
const index_js_1 = tslib_1.__importDefault(require("../../Footer/index.js"));
const index_js_2 = tslib_1.__importDefault(require("../../Header/index.js"));
const IconButton_js_1 = tslib_1.__importDefault(require("../../IconButton/IconButton.js"));
const index_js_3 = tslib_1.__importDefault(require("../../Text/index.js"));
const CloseIcon_js_1 = tslib_1.__importDefault(require("../../UserPreferencesPanel/CloseIcon.js"));
const PreferencesCategories_js_1 = tslib_1.__importDefault(require("../../UserPreferencesPanel/PreferencesCategories.js"));
const Layout_js_1 = tslib_1.__importDefault(require("../Layout.js"));
function PreferencesView({ layout, setView, NotificationPreferences = PreferencesCategories_js_1.default, }) {
    const t = (0, TranslationsContext_js_1.useTranslate)();
    return ((0, jsx_runtime_1.jsxs)(Layout_js_1.default, { order: layout, children: [(0, jsx_runtime_1.jsx)(index_js_2.default, { title: (0, jsx_runtime_1.jsx)(index_js_3.default, { id: "preferences.title", defaultMessage: "Preferences" }), actions: (0, jsx_runtime_1.jsx)(IconButton_js_1.default, { onClick: () => setView('inbox'), "aria-label": t('preferences.close', 'Close preferences'), children: (0, jsx_runtime_1.jsx)(CloseIcon_js_1.default, {}) }) }, "header"), (0, jsx_runtime_1.jsx)("div", { css: { flex: 1, overflowY: 'hidden' }, children: (0, jsx_runtime_1.jsx)(NotificationPreferences, {}) }, "content"), (0, jsx_runtime_1.jsx)(index_js_1.default, {}, "footer")] }));
}
//# sourceMappingURL=PreferencesView.js.map