nice-ui
Version:
React design system, components, and utilities
29 lines (28 loc) • 1.62 kB
JavaScript
"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.HorizontalNav = void 0;
const React = require("react");
const nano_theme_1 = require("nano-theme");
const useWindowSize_1 = require("react-use/lib/useWindowSize");
const Popup_1 = require("../../4-card/Popup");
const ContextMenu_1 = require("../../4-card/ContextMenu");
const BasicButton_1 = require("../../2-inline-block/BasicButton");
const Iconista_1 = require("../../icons/Iconista");
const PillButton_1 = require("../../2-inline-block/PillButton");
const blockClass = (0, nano_theme_1.rule)({
d: 'flex',
alignItems: 'center',
});
const HorizontalNav = ({ items, right }) => {
const { width } = (0, useWindowSize_1.default)();
if (width < 800) {
return (React.createElement(Popup_1.Popup, { renderContext: () => (React.createElement(ContextMenu_1.ContextPane, null,
React.createElement(ContextMenu_1.ContextSep, null),
items.map((item) => (React.createElement(ContextMenu_1.ContextItem, { big: true, key: item.to, to: item.to }, item.node))),
React.createElement(ContextMenu_1.ContextSep, null))) },
React.createElement(BasicButton_1.default, { border: true, size: 32 },
React.createElement(Iconista_1.Iconista, { set: "ant_outline", icon: "menu", width: 16, height: 16 }))));
}
return (React.createElement("nav", { className: blockClass }, items.map((item) => (React.createElement(PillButton_1.PillButton, { key: item.to, a: true, to: item.to, active: item.active }, item.node)))));
};
exports.HorizontalNav = HorizontalNav;