nexpi-ui/lib/SectionMenu.js

An elegant and minimalist Next.js 14 component library

import Link from 'next/link';
import styles from './styles/SectionMenu.module.css';
import Typography from './Typography';
import React from 'react';
var SectionMenu = function (_a) {
    var style = _a.style, NavItems = _a.NavItems, title = _a.title;
    return (React.createElement("div", { className: styles.sectionmenuWrapper, style: { textAlign: 'right' } },
        React.createElement("nav", { style: style, className: styles.sectionmenu },
            React.createElement(Typography, { style: { color: 'var(--nxp-shadow-color)' } }, title ? title : 'On this page'),
            React.createElement("ul", null, NavItems && NavItems.map(function (item, index) {
                return (item.path ? (React.createElement("li", { key: index, style: { listStyle: 'none' } },
                    React.createElement(Link, { href: item.path },
                        " ",
                        item.name))) : (React.createElement("li", { key: index }, item.name)));
            })))));
};
var getChildSection = function (children, typeName) {
    var childData = React.Children.map(children, function (child) {
        if (React.isValidElement(child) && child.type === typeName) {
            return { name: child.props.id, path: '#' + child.props.id };
        }
        return null;
    });
    return childData;
};
export default SectionMenu;
export { getChildSection };
//# sourceMappingURL=SectionMenu.js.map