nice-ui/lib/markdown/renderers/renderFootnoteReference.js

React design system, components, and utilities

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
const React = require("react");
const nano_theme_1 = require("nano-theme");
const blockClass = (0, nano_theme_1.rule)({
    fz: '.68em',
    op: 0.8,
    letterSpacing: '0.05em',
    cur: 'default',
});
const braceClass = (0, nano_theme_1.rule)({
    op: 0.35,
    [`.${blockClass.trim()}:hover &`]: {
        op: 1,
    },
});
const renderFootnoteReference = (renderers, flat, idx) => {
    const node = flat.nodes[idx];
    const { value = '' } = node;
    const definition = flat.nodes[flat.footnotes[value]];
    return (React.createElement("sup", { className: blockClass, title: value },
        React.createElement("span", { className: braceClass }, "["),
        definition.cnt,
        React.createElement("span", { className: braceClass }, "]")));
};
exports.default = renderFootnoteReference;