@mojito-inc/secondary-market/cjs/component/SortContainer.js

Mojito secondary market is the platform to purchase NFT.

"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),i=require("react"),l=require("@mui/material/Stack"),o=require("@mui/material/Menu"),r=require("@mui/material/Modal"),t=require("@mui/material/ListItem"),a=require("@mui/material/List"),n=require("@mui/material/Typography"),s=require("@mui/material/Box"),d=require("@mui/material/styles"),u=require("@mui/icons-material/Close"),p=require("./MenuDetailsContainer.js");exports.default=({leftIcon:c,text:x,selectedValue:h,options:m,open:v,isMobileScreen:b,anchorEl:g,handleClickListItem:j,handleApply:f,handleMenuItemClick:C,handleClose:k})=>{var y,q,M,w,I;const S=d.useTheme(),z=i.useMemo((()=>{var e,i,l;return{position:"absolute",top:"100px",width:"calc(100% - 32px)",bgcolor:null===(l=null===(i=null===(e=S.palette)||void 0===e?void 0:e.appDefaultColor)||void 0===i?void 0:i.secondary)||void 0===l?void 0:l.light,overflowY:"auto",padding:"16px 16px 30px 16px"}}),[S]);return e.jsxs(l,{children:[e.jsx(a,{sx:{padding:"0"},component:"nav","aria-label":"Device settings",children:e.jsxs(t,{id:"lock-button","aria-haspopup":"listbox","aria-controls":"lock-menu","aria-label":"when device is locked","aria-expanded":v?"true":void 0,onClick:j,sx:{justifyContent:"center",width:"80px",cursor:"pointer",border:`1px solid ${S.palette.grey[600]}`,borderRadius:"4px",height:"40px",color:null===(q=null===(y=null==S?void 0:S.palette)||void 0===y?void 0:y.text)||void 0===q?void 0:q.secondary},children:[c," ",e.jsx(n,{sx:{fontSize:"16px"},children:x})]})}),b?e.jsx(r,{open:v,children:e.jsxs(s,{sx:z,children:[e.jsx(s,{sx:{position:"fixed",height:"24px",right:"8px"},children:e.jsx(u,{sx:{cursor:"pointer",color:S.palette.background.default,fontSize:"24px"},onClick:k})}),e.jsx(p.default,{selectedValue:h,options:m,handleApply:f,handleMenuItemClick:C})]})}):e.jsx(o,{PaperProps:{style:{transform:"translateY(47px)",width:300,boxShadow:`0px 2px 6px 2px ${null===(M=null==S?void 0:S.palette)||void 0===M?void 0:M.boxShadowColor}`,backgroundColor:null===(I=null===(w=S.palette.appDefaultColor)||void 0===w?void 0:w.secondary)||void 0===I?void 0:I.light}},id:"lock-menu",anchorEl:g,open:v,onClose:k,anchorOrigin:{vertical:"top",horizontal:"right"},transformOrigin:{vertical:"top",horizontal:"right"},MenuListProps:{"aria-labelledby":"lock-button",role:"listbox"},children:e.jsx(s,{children:e.jsx(p.default,{selectedValue:h,options:m,handleApply:f,handleMenuItemClick:C})})})]})};