@mojito-inc/secondary-market/esm/layout/TransferNFTSuccessLayout.js

Mojito secondary market is the platform to purchase NFT.

import{jsx as i,jsxs as o}from"react/jsx-runtime";import{useMemo as l}from"react";import e from"@mui/material/Stack";import r from"@mui/material/Modal";import t from"@mui/material/Grid";import a from"@mui/material/Button";import n from"@mui/material/Typography";import d from"@mui/material/Box";import{useTheme as p}from"@mui/material/styles";import m from"@mui/icons-material/Close";const c=({open:c,headerTitle:x,modalMessage:s,modalIcon:u,buttonName:h,buttonAction:g,handleCloseSuccessModal:v,handleClickViewTransfer:f})=>{var b,y,k,w,C,S,T,B,D,I;const M=p(),j=l((()=>({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 i(r,{open:c,children:o(d,{sx:j,children:[i(d,{borderBottom:`1px solid ${null===(y=null===(b=null==M?void 0:M.palette)||void 0===b?void 0:b.grey)||void 0===y?void 0:y[300]}`,children:o(e,{flexDirection:"row",justifyContent:"space-between",padding:"16px",children:[i(n,{variant:"h4",sx:{fontWeight:500,fontSize:"20px",color:null===(w=null===(k=null==M?void 0:M.palette)||void 0===k?void 0:k.text)||void 0===w?void 0:w.primary},children:x||"Transfer Item"}),i(m,{onClick:v,sx:{cursor:"pointer",color:null===(S=null===(C=null==M?void 0:M.palette)||void 0===C?void 0:C.text)||void 0===S?void 0:S.primary}})]})}),i(d,{sx:{padding:"32px 16px 16px 16px"},children:o(d,{padding:{xs:"200px 0",lg:"50px 0"},sx:{display:"flex",flexDirection:"column",alignItems:"center",gap:"16px",alignSelf:"stretch"},children:[u,i(n,{sx:{fontSize:"14px",padding:"16px",color:null===(B=null===(T=null==M?void 0:M.palette)||void 0===T?void 0:T.text)||void 0===B?void 0:B.primary},children:s})]})}),i(d,{children:o(t,{container:!0,spacing:2,padding:"16px 16px 32px 16px",children:[!h&&i(t,{item:!0,xs:12,sm:12,md:12,lg:6,xl:6,children:i(a,{onClick:f,sx:{width:{xs:"100%",lg:"100%"},height:"50px",background:null===(I=null===(D=M.palette)||void 0===D?void 0:D.primary)||void 0===I?void 0:I.main},children:"View Transfer Details"})}),i(t,{item:!0,xs:12,sm:12,md:12,lg:h?12:6,xl:h?12:6,children:i(a,{onClick:null!=g?g:v,sx:{width:{xs:"100%",lg:"100%"},height:"50px",background:M.palette.background.paper,color:M.palette.primary.main,border:"none"},children:h||"Back to Wallet"})})]})})]})})};export{c as default};