retro-react
Version:
A React component library for building retro-style websites
2 lines (1 loc) • 971 B
JavaScript
import{__rest as e}from"../../_virtual/_tslib.js";import s,{forwardRef as i,Fragment as m}from"react";import{jsx as r,jsxs as t}from"../../node_modules/@theme-ui/core/jsx-runtime/dist/theme-ui-core-jsx-runtime.esm.js";import{classNames as n}from"../../utils/classNames.js";import o from"../../constants/commonClassNames.js";import{MenuStyled as a,MenuItemDivider as d,MenuContainer as c,MenuItem as l}from"./Menu.styled.js";const u=i(((i,l)=>{var{id:u,sx:h,className:p,children:j}=i,N=e(i,["id","sx","className","children"]);return r(c,Object.assign({id:u,sx:h,ref:l,className:n("menu-container",p,o)},N,{children:r(a,{children:s.Children.map(j,((e,i)=>t(m,{children:[e,i!==s.Children.count(j)-1&&r(d,{className:"menu-item-divider"},void 0)]},void 0)))},void 0)}),void 0)}));u.displayName="Menu";const h=e=>{let{children:s,sx:i}=e;return r(l,Object.assign({className:n("menu-item",o),sx:i},{children:s}),void 0)};h.displayName="MenuItem";export{u as Menu,h as MenuItem};