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