nice-ui/lib/markdown/renderers/renderFootnotes.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 blockCss = (0, nano_theme_1.drule)({
    mar: '32px 0 0',
    pad: '32px 0 0',
    w: '100%',
    fz: '.75em',
});
const tableClass = (0, nano_theme_1.rule)({
    w: '100%',
});
// TODO: `Footnotes` is not an MDAST node, this should probably be a component
// TODO: instead of a renderer.
const renderFootnotes = (renderers, flat, idx, props, state) => {
    const theme = (0, nano_theme_1.useTheme)();
    if (!flat.footnoteOrder.length)
        return null;
    const blockClass = blockCss({
        bdt: `1px solid ${theme.g(0, 0.04)}`,
        '&:hover': {
            bdt: `1px solid ${theme.g(0, 0.1)}`,
        },
    });
    return (React.createElement("div", { className: blockClass },
        React.createElement("table", { className: tableClass },
            React.createElement("tbody", null, flat.footnoteOrder.map((idx) => renderers.footnoteDefinition(renderers, flat, idx, props, state))))));
};
exports.default = renderFootnotes;