@redocly/theme
Version:
Shared UI components lib
33 lines (32 loc) • 1.33 kB
JavaScript
;
var __importDefault = (this && this.__importDefault) || function (mod) {
return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
exports.NavbarMenu = NavbarMenu;
const react_1 = __importDefault(require("react"));
const styled_components_1 = __importDefault(require("styled-components"));
const utils_1 = require("../../core/utils");
const NavbarItem_1 = require("../../components/Navbar/NavbarItem");
function NavbarMenu({ menuItems, className }) {
if ((0, utils_1.isPrimitive)(menuItems)) {
return null;
}
return (react_1.default.createElement(NavItemsContainer, { "data-component-name": "Navbar/NavbarMenu", className: className }, menuItems.map((navItem, index) => {
return (react_1.default.createElement(NavbarItem_1.NavbarItem, { key: `${navItem.label}_${index}`, "data-testid": navItem.label, navItem: navItem }));
})));
}
const NavItemsContainer = styled_components_1.default.ul `
list-style: none;
padding: 0;
display: none;
flex-wrap: nowrap;
align-items: center;
justify-content: var(--navbar-menu-justify-content);
flex: 1;
gap: var(--navbar-menu-items-gap);
@media screen and (min-width: ${utils_1.breakpoints.medium}) {
display: flex;
}
`;
//# sourceMappingURL=NavbarMenu.js.map