nice-ui/lib/markdown/renderers/renderFootnoteDefinition.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)({});
const identifierClass = (0, nano_theme_1.rule)({
    op: 0.4,
    pad: '0 16px 0 0',
    [`.${blockClass.trim()}:hover &`]: {
        op: 0.8,
    },
});
const contentClass = (0, nano_theme_1.rule)({
    w: '100%',
});
const renderFootnoteDefinition = (renderers, flat, idx, props, state) => {
    const node = flat.nodes[idx];
    if (!node)
        return null;
    const { identifier } = node;
    return (React.createElement("tr", { key: idx, className: blockClass },
        React.createElement("td", { className: identifierClass, title: identifier }, node.cnt),
        React.createElement("td", { className: contentClass }, renderers.children(renderers, flat, idx, props, state))));
};
exports.default = renderFootnoteDefinition;