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

Mojito secondary market is the platform to purchase NFT.

import{jsxs as t,jsx as e}from"react/jsx-runtime";import r from"@mui/material/Divider";import i from"@mui/material/Tooltip";import o from"@mui/material/Typography";import l from"@mui/material/Box";import{useTheme as c}from"@mui/material/styles";import m from"@mui/icons-material/InfoOutlined";import a from"./FeeContainer.js";const p=({creatorFee:p,serviceFee:n,totalPrice:s,ethIcon:d,tooltipTitle:u})=>{var f,x;const P=c();return t(l,{children:[t(l,{sx:{display:"flex",gap:.5,alignItems:"center",marginBottom:"8px"},children:[e(o,{sx:{fontWeight:"500",fontSize:"16px"},children:"Fees"}),e(i,{placement:"top-start",title:u||"Deducted from listing price",arrow:!0,children:e(m,{sx:{fontSize:"15px",color:P.palette.grey[500]}})})]}),e(l,{sx:{marginBottom:"8px"},children:e(a,{title:p.title,usdPrice:p.usdPrice,cryptoPrice:p.cryptoPrice,ethIcon:d})}),e(a,{title:n.title,usdPrice:n.usdPrice,cryptoPrice:n.cryptoPrice,ethIcon:d}),e(r,{sx:{marginY:"16px",borderColor:null===(x=null===(f=P.palette.appDefaultColor)||void 0===f?void 0:f.secondary)||void 0===x?void 0:x.light}}),s&&e(a,{title:s.title,usdPrice:s.usdPrice,cryptoPrice:s.cryptoPrice,ethIcon:d,isTotalPrice:!0})]})};export{p as default};