@mojito-inc/secondary-market/cjs/component/DropDownContainer.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"),t=require("@mui/material/Stack"),n=require("@mui/material/Select"),o=require("@mui/material/MenuItem"),l=require("@mui/material/Typography"),r=require("@mui/material/Box"),a=require("@mui/material/styles"),u=require("@mui/icons-material/ImportExport"),d=require("@mui/icons-material/KeyboardArrowDown");exports.default=({selectedValue:s,title:p,menu:x,onChangeValue:c,isMakeOfferModal:m})=>{var v,h,g;const b=a.useTheme(),[f,y]=i.useState(!1),j=i.useMemo((()=>{var e,i;return{borderBottom:`1px solid ${null===(i=null===(e=null==b?void 0:b.palette)||void 0===e?void 0:e.grey)||void 0===i?void 0:i[400]}`}}),[null===(v=null==b?void 0:b.palette)||void 0===v?void 0:v.grey]),C=i.useMemo((()=>({padding:"10px"})),[]),I=i.useCallback((()=>{y(!f)}),[f]);return e.jsxs(t,{sx:{border:"none",maxHeight:"75px",borderRadius:"5px",overflow:"hidden",backgroundColor:m?"none":null===(g=null===(h=b.palette.appDefaultColor)||void 0===h?void 0:h.secondary)||void 0===g?void 0:g.light,position:"relative",display:"flex",flexDirection:"column",justifyContent:"space-between",alignItems:m?"start":"center"},children:[e.jsx(r,{onClick:I,sx:{position:"absolute",zIndex:1,right:"10px",display:{xl:"flex",xs:"none"},cursor:"pointer",height:"100%",justifyContent:"center",alignItems:"center"},children:e.jsx(d,{sx:{fontSize:"16px"}})}),p&&e.jsx(l,{sx:{paddingTop:"15px",paddingLeft:"10px",fontSize:"10px",fontWeight:"500"},children:p}),e.jsx(n,{"data-testid":"default-dropdown",sx:{background:"transparent",width:"100%",border:"none",maxHeight:m?"auto":"40px",boxShadow:"none",".MuiOutlinedInput-notchedOutline":{border:0},"&.MuiOutlinedInput-root:hover .MuiOutlinedInput-notchedOutline":{border:0},"&.MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline":{border:0},svg:"none",marginTop:m?"-10px":"0px"},onClick:I,open:f,onClose:()=>y(!1),inputProps:{IconComponent:()=>null},value:s,renderValue:i=>{var t,n;return e.jsxs(r,{sx:{display:"flex",gap:1,fontSize:"14px",alignItems:"center",height:m?"15px":"34px",justifyContent:"center",width:"100%"},children:[e.jsx(u,{sx:{display:m?"none":"block",color:"white",fontSize:"16px",position:"relative",zIndex:1,paddingLeft:{xl:"0px",xs:"12px"}}}),e.jsx(l,{sx:{fontWeight:700,textAlign:m?"left":"center",color:null===(n=null===(t=b.palette)||void 0===t?void 0:t.text)||void 0===n?void 0:n.primary,marginTop:m?"10px":"0px",display:{xl:"block",xs:m?"block":"none",fontSize:"14px",width:"100%"}},children:i})]})},onChange:c,children:null==x?void 0:x.map(((i,t)=>e.jsx(o,{value:null==i?void 0:i.label,sx:t!==x.length-1?Object.assign({borderBottom:j},C):C,style:{margin:"-7px 0",backgroundColor:(null==i?void 0:i.label)===s?"#3AB8B0":""},children:null==i?void 0:i.label},null==i?void 0:i.label)))})]})};