@magicbell/magicbell-react/dist/commonjs/components/Text/Text.js

React components for building a notification inbox for your app

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.default = Text;
const tslib_1 = require("tslib");
const ramda_1 = require("ramda");
const react_1 = tslib_1.__importDefault(require("react"));
const TranslationsContext_js_1 = require("../../context/TranslationsContext.js");
/**
 *
 * @example
 * <Text id="header.title" defaultMessage="My Notifications" />
 */
function Text({ id, defaultMessage, html = false }) {
    const translations = (0, TranslationsContext_js_1.useTranslations)();
    const localizedText = (0, ramda_1.pathOr)(defaultMessage, id.split('.'), translations);
    if (html)
        return react_1.default.createElement("span", { dangerouslySetInnerHTML: { __html: localizedText } });
    return react_1.default.createElement(react_1.default.Fragment, null, localizedText);
}
//# sourceMappingURL=Text.js.map