@mojito-inc/secondary-market/cjs/component/TotalOfferPriceContainer.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("@mui/material/Stack"),r=require("@mui/material/Tooltip"),t=require("@mui/material/Typography"),l=require("@mui/material/Box"),o=require("@mui/material/styles"),n=require("@mui/icons-material/InfoOutlined"),s=require("../interface/index.js"),u=require("../utils/usdAndEuroCurrencyFormat.js");exports.default=({ethIcon:a,wethValue:d,listPrice:c,priceUSD:x,toolTipTitle:p,isError:v=!1,fiatCurrency:f=s.Currency.USD,title:h})=>{var m,j,y,g,q,w,S,C;const T=o.useTheme();return e.jsxs(l,{children:[e.jsxs(i,{direction:"row",sx:{justifyContent:"space-between"},children:[e.jsxs(l,{sx:{display:"flex",flexDirection:"row",alignItems:"center"},children:[e.jsx(t,{sx:{marginRight:"5px",fontSize:"14px",fontWeight:500},children:null!=h?h:"Offer Total"}),e.jsx(r,{placement:"top-start",title:p,arrow:!0,children:e.jsx(n,{style:{color:null===(j=null===(m=null==T?void 0:T.palette)||void 0===m?void 0:m.grey)||void 0===j?void 0:j[500],fontSize:"18px"}})})]}),e.jsxs(l,{sx:{display:"flex",flexDirection:"row",alignItems:"center",gap:"6px"},children:[e.jsx("img",{src:a,width:20,height:20,alt:"eth"}),e.jsx(t,{sx:{fontSize:"20px",fontWeight:500},children:d})]})]}),e.jsxs(i,{direction:"row",sx:{justifyContent:"space-between"},children:[e.jsx(t,{sx:{fontSize:"12px",color:v?null===(g=null===(y=null==T?void 0:T.palette)||void 0===y?void 0:y.toastError)||void 0===g?void 0:g[500]:null===(w=null===(q=null==T?void 0:T.palette)||void 0===q?void 0:q.toastSuccess)||void 0===w?void 0:w[500]},children:+c>0?`${c}% above list price`:""}),e.jsxs(t,{sx:{fontSize:"12px",color:null===(C=null===(S=null==T?void 0:T.palette)||void 0===S?void 0:S.grey)||void 0===C?void 0:C[500]},children:["≈ ",u.formatUsdAndEuroCurrency(null!=x?x:0,f)," ",f]})]})]})};