@useloops/design-system
Version:
The official React based Loops design system
2 lines (1 loc) • 557 B
JavaScript
"use strict";var e=require("react/jsx-runtime"),t=require("material-ui-popup-state/hooks"),r=require("../Menu/Menu.js"),a=require("./UserMenuButton.js");module.exports=({avatar:n,email:u,menuItems:s,name:i,offset:m=[0,8],placement:p="right-end",rounded:o,width:d=192})=>{const l=t.usePopupState({variant:"popper"});return e.jsx(r.default,{placement:p,offset:m,menuItems:s,state:l,trigger:e.jsx(a,{active:l.isOpen,avatar:n,email:u,name:i,rounded:o,withMenu:!!s?.length}),width:d,children:e.jsx(e.Fragment,{children:s?.map((e,t)=>r.mapMenuItems(e,t,l))})})};