@mojito-inc/secondary-market/esm/component/InputDropdownContainer.js

Mojito secondary market is the platform to purchase NFT.

import{jsx as e,jsxs as i,Fragment as o}from"react/jsx-runtime";import*as n from"react";import t from"@mui/icons-material/KeyboardArrowDown";import r from"@mui/material/Select";import l from"@mui/material/TextField";import d from"@mui/material/Grid";import a from"@mui/material/Typography";import p from"@mui/material/Box";import{useTheme as u}from"@mui/material/styles";import m from"@mui/material/MenuItem";const s=({ethIcon:s,title:x,price:c,selectCurrency:h,isDropdown:g,currencyData:v,currencyList:f,disabled:y,maxLength:b,transferField:C,iconClick:I,onChangeCurrency:S,onChangePrice:k,hideBorder:w})=>{var M,z,O,L,T,F,j,B;const D=u(),[R,H]=n.useState(!1);return e(p,{children:i(p,{sx:{border:w?"none":`1px solid ${null===(z=null===(M=null==D?void 0:D.palette)||void 0===M?void 0:M.grey)||void 0===z?void 0:z[600]}`,maxHeight:"75px",borderRadius:"5px",paddingBottom:g?"0px":"10px",background:null===(O=null==D?void 0:D.palette)||void 0===O?void 0:O.surfaceColor,display:"flex",flexDirection:"column",justifyContent:"space-between"},children:[e(a,{sx:{paddingTop:C?"16px":"8px",paddingLeft:"10px",fontSize:"10px",fontWeight:"500",color:null===(T=null===(L=null==D?void 0:D.palette)||void 0===L?void 0:L.text)||void 0===T?void 0:T.primary},children:x}),i(d,{container:!0,spacing:0,sx:{display:"flex"},children:[e(d,{item:!0,xs:C&&c?12:8,children:y?e(a,{sx:{color:null===(j=null===(F=null==D?void 0:D.palette)||void 0===F?void 0:F.text)||void 0===j?void 0:j.primary,paddingLeft:"10px",marginTop:"10px"},children:c}):e(l,{"data-testid":"input-field",autoFocus:!0,value:c,onChange:k,disabled:y,placeholder:C?"0x000000000000000000000000":"",type:C?"text":"number",inputProps:{maxLength:b||6},sx:{width:"100%",border:"none !important","& fieldset":{border:"none"},maxHeight:"40px",marginTop:"-8px",fontSize:"16px",backgroundColor:"transparent"}})}),i(d,{item:!0,xs:4,sx:{display:"flex",justifyContent:"flex-end",position:"relative"},children:[e(p,{sx:{position:"absolute",zIndex:1,right:"10px",top:"5px",display:g?"block":"none"},children:e(t,{sx:{fontSize:"16px"}})}),g?e(r,{"data-testid":"currency-dropdown",style:{background:"transparent"},sx:{border:"none",maxHeight:"40px",boxShadow:"none",backgroundColor:"transparent",".MuiOutlinedInput-notchedOutline":{border:0},"&.MuiOutlinedInput-root:hover .MuiOutlinedInput-notchedOutline":{border:0},"&.MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline":{border:0}},value:h,onChange:S,inputProps:{IconComponent:()=>null},renderValue:n=>e(p,{sx:{display:"flex",gap:1,fontSize:"14px",alignItems:"center",backgroundColor:"transparent"},children:i(o,{children:[e("img",{src:s,width:15,height:15,alt:"eth"}),n]})}),children:null==f?void 0:f.map(((i,o)=>{var n,t,r,l;return e(m,{onMouseEnter:()=>H(!0),onMouseLeave:()=>H(!1),style:{fontSize:"14px",margin:"-7px 0",backgroundColor:R?null===(t=null===(n=null==D?void 0:D.palette)||void 0===n?void 0:n.primary)||void 0===t?void 0:t.main:""},value:null==i?void 0:i.value,sx:o!==f.length-1?{borderBottom:`1px solid ${null===(l=null===(r=null==D?void 0:D.palette)||void 0===r?void 0:r.grey)||void 0===l?void 0:l[300]}`,padding:"10px"}:{padding:"10px"},children:null==i?void 0:i.label},null==i?void 0:i.value)}))}):s?i(p,{sx:{fontSize:"14px",marginTop:"10px",marginRight:"10px",display:"flex",alignItems:"center"},children:[e("img",{style:{marginRight:"5px"},src:s,width:15,height:15,alt:"eth"}),v]}):e(p,{sx:{fontSize:"12px",display:"flex",justifyContent:"center",alignItems:"end",marginRight:"16px",color:D.palette.text.primary,cursor:"pointer",fontFamily:null===(B=null==D?void 0:D.typography)||void 0===B?void 0:B.fontFamily},onClick:I,children:v})]})]})]})})};export{s as default};