@useloops/design-system
Version:
The official React based Loops design system
2 lines (1 loc) • 585 B
JavaScript
import{jsx as o,Fragment as r,jsxs as i}from"react/jsx-runtime";import{MenuItem as e,Box as n}from"@mui/material";import l from"./StyledMenu.js";const t=({open:t,anchorEl:a,handleClick:c,handleClose:m,items:h,...s})=>o(r,{children:o(l,{anchorEl:a,open:t,onClose:m,MenuListProps:{"aria-labelledby":"basic-button"},elevation:0,anchorOrigin:{vertical:"bottom",horizontal:"right"},transformOrigin:{vertical:"top",horizontal:"right"},...s,children:h?.map((r,l)=>i(e,{onClick:r.onClick,...r.menuItemProps,children:[r.icon&&o(n,{mr:1,children:r.icon}),r.label]},l))})});export{t as default};