import { jsx as _jsx } from "react/jsx-runtime";
import React from "react";
import { Header, List } from "./styled";
const Links = ({ secondary, children, }) => {
    return (_jsx(List, { className: "ui-submenu__list", secondary: secondary, children: React.Children.map(children, (item, i) => item ? (_jsx("li", { className: `ui-submenu__item`, children: item }, i)) : null) }));
};
const SubMenu = ({ sticky, fullWidth, children, }) => {
    return (_jsx(Header, { className: "ui-submenu", sticky: sticky, fullWidth: fullWidth, children: _jsx("nav", { className: "ui-submenu__nav", children: children }) }));
};
export default Object.assign(SubMenu, {
    Links,
});
//# sourceMappingURL=index.js.map