@mojito-inc/secondary-market
Version:
Mojito secondary market is the platform to purchase NFT.
2 lines (1 loc) • 1.15 kB
JavaScript
import{jsxs as t,jsx as i}from"react/jsx-runtime";import e from"@mui/material/Grid";import r from"@mui/material/Typography";import l from"@mui/material/Box";import{useTheme as o}from"@mui/material/styles";import{formatUsdAndEuroCurrency as n}from"../utils/usdAndEuroCurrencyFormat.js";const s=({title:s,cryptoPrice:m,usdPrice:a,ethIcon:c,isTotalPrice:p,totalPriceFontSize:x=20})=>{var d;const f=o();return t(e,{container:!0,children:[i(e,{item:!0,xs:5,children:i(r,{sx:{fontWeight:"500",fontSize:p?"14px":"12px"},children:s})}),t(e,{item:!0,xs:7,sx:{display:"flex",flexDirection:"column",alignItems:"flex-end"},children:[p?t(l,{sx:{display:"flex",gap:"6px",alignItems:"center"},children:[i("img",{src:c,style:{width:"18px",height:"18px",objectFit:"contain"},alt:"eth"}),i(r,{sx:{fontSize:`${x}px`,fontWeight:"500"},children:m})]}):i(r,{sx:{fontSize:"14px",fontWeight:"400"},children:m}),i(l,{sx:{display:"flex",gap:.5,alignItems:"center"},children:t(r,{sx:{fontWeight:"500",fontSize:"12px",color:f.palette.grey[500]},children:["≈",` ${n(null!==(d=a.split(" ")[0])&&void 0!==d?d:0,a.split(" ")[1])} ${a.split(" ")[1]}`]})})]})]})};export{s as default};