UNPKG

@mojito-inc/secondary-market

Version:

Mojito secondary market is the platform to purchase NFT.

2 lines (1 loc) 2.48 kB
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),i=require("react"),l=require("@mui/material/Stack"),r=require("@mui/material/Modal"),o=require("@mui/material/Grid"),t=require("@mui/material/Button"),a=require("@mui/material/Typography"),n=require("@mui/material/Box"),d=require("@mui/material/styles"),s=require("@mui/icons-material/Close");exports.default=({open:x,headerTitle:p,modalMessage:u,modalIcon:c,buttonName:m,buttonAction:h,handleCloseSuccessModal:v,handleClickViewTransfer:g})=>{var j,f,b,y,k,q,w,C,S,T;const M=d.useTheme(),B=i.useMemo((()=>({position:"absolute",top:"50%",left:"50%",transform:"translate(-50%, -50%)",width:{lg:"700px",xs:"100%"},bgcolor:M.palette.background.paper,borderRadius:"8px",boxShadow:24,maxHeight:{xs:"100%",lg:"calc(100% - 100px)"},overflowY:"auto"})),[M]);return e.jsx(r,{open:x,children:e.jsxs(n,{sx:B,children:[e.jsx(n,{borderBottom:`1px solid ${null===(f=null===(j=null==M?void 0:M.palette)||void 0===j?void 0:j.grey)||void 0===f?void 0:f[300]}`,children:e.jsxs(l,{flexDirection:"row",justifyContent:"space-between",padding:"16px",children:[e.jsx(a,{variant:"h4",sx:{fontWeight:500,fontSize:"20px",color:null===(y=null===(b=null==M?void 0:M.palette)||void 0===b?void 0:b.text)||void 0===y?void 0:y.primary},children:p||"Transfer Item"}),e.jsx(s,{onClick:v,sx:{cursor:"pointer",color:null===(q=null===(k=null==M?void 0:M.palette)||void 0===k?void 0:k.text)||void 0===q?void 0:q.primary}})]})}),e.jsx(n,{sx:{padding:"32px 16px 16px 16px"},children:e.jsxs(n,{padding:{xs:"200px 0",lg:"50px 0"},sx:{display:"flex",flexDirection:"column",alignItems:"center",gap:"16px",alignSelf:"stretch"},children:[c,e.jsx(a,{sx:{fontSize:"14px",padding:"16px",color:null===(C=null===(w=null==M?void 0:M.palette)||void 0===w?void 0:w.text)||void 0===C?void 0:C.primary},children:u})]})}),e.jsx(n,{children:e.jsxs(o,{container:!0,spacing:2,padding:"16px 16px 32px 16px",children:[!m&&e.jsx(o,{item:!0,xs:12,sm:12,md:12,lg:6,xl:6,children:e.jsx(t,{onClick:g,sx:{width:{xs:"100%",lg:"100%"},height:"50px",background:null===(T=null===(S=M.palette)||void 0===S?void 0:S.primary)||void 0===T?void 0:T.main},children:"View Transfer Details"})}),e.jsx(o,{item:!0,xs:12,sm:12,md:12,lg:m?12:6,xl:m?12:6,children:e.jsx(t,{onClick:null!=h?h:v,sx:{width:{xs:"100%",lg:"100%"},height:"50px",background:M.palette.background.paper,color:M.palette.primary.main,border:"none"},children:m||"Back to Wallet"})})]})})]})})};