retro-react/dist/cjs/components/menu/Menu.js

A React component library for building retro-style websites

"use strict";var e=require("../../_virtual/_tslib.js"),s=require("react"),r=require("../../node_modules/@theme-ui/core/jsx-runtime/dist/theme-ui-core-jsx-runtime.esm.js"),i=require("../../utils/classNames.js"),n=require("../../constants/commonClassNames.js"),t=require("./Menu.styled.js");const a=s.forwardRef(((a,u)=>{var{id:d,sx:m,className:l,children:c}=a,o=e.__rest(a,["id","sx","className","children"]);return r.jsx(t.MenuContainer,Object.assign({id:d,sx:m,ref:u,className:i.classNames("menu-container",l,n.default)},o,{children:r.jsx(t.MenuStyled,{children:s.Children.map(c,((e,i)=>r.jsxs(s.Fragment,{children:[e,i!==s.Children.count(c)-1&&r.jsx(t.MenuItemDivider,{className:"menu-item-divider"},void 0)]},void 0)))},void 0)}),void 0)}));a.displayName="Menu";const u=e=>{let{children:s,sx:a}=e;return r.jsx(t.MenuItem,Object.assign({className:i.classNames("menu-item",n.default),sx:a},{children:s}),void 0)};u.displayName="MenuItem",exports.Menu=a,exports.MenuItem=u;