notion-block-renderer/dist/components/TextRenderer.js

Notion Block to React Components.

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
const jsx_runtime_1 = require("react/jsx-runtime");
const utils_1 = require("../utils");
const utils_2 = require("../utils");
const react_1 = require("react");
const TextRenderer = ({ richTextArr }) => {
    const { prefix } = (0, react_1.useContext)(utils_2.Context);
    const linkName = `${prefix}-link`;
    return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: richTextArr.map((richText, index) => {
            const className = (0, utils_1.annotationToClassName)(richText.annotations, prefix);
            if (richText.href) {
                return ((0, jsx_runtime_1.jsx)("a", { href: richText.href, className: `${linkName} ${className}`, children: richText.plain_text }, index));
            }
            else {
                return ((0, jsx_runtime_1.jsx)("span", { className: className, children: richText.plain_text }, index));
            }
        }) }));
};
exports.default = TextRenderer;