@mojito-inc/secondary-market
Version:
Mojito secondary market is the platform to purchase NFT.
2 lines (1 loc) • 1.04 kB
JavaScript
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("@mui/material/Divider"),i=require("@mui/material/Typography"),t=require("@mui/material/Box"),l=require("@mui/material/styles");exports.default=({currency:s,totalprice:n,wethValue:a})=>{var o,x;const u=l.useTheme();return e.jsxs(t,{children:[e.jsxs(t,{sx:{marginBottom:"8px",display:"flex",justifyContent:"space-between",alignItems:"center"},children:[e.jsxs(t,{sx:{display:"flex",flexDirection:"column"},children:[e.jsx(i,{sx:{fontSize:"14px"},variant:"h2",children:"Offer Price"})," "]}),e.jsxs(t,{sx:{display:"flex",flexDirection:"column",justifyContent:"end",alignItems:"end"},children:[e.jsxs(i,{sx:{fontSize:"14px"},variant:"h2",children:[" ",a]})," ",e.jsxs(i,{sx:{fontSize:"12px",color:u.palette.grey[500]},variant:"body1",children:["≈ ",n," ",s]})," "]})]}),e.jsx(r,{sx:{marginY:"16px",borderColor:null===(x=null===(o=u.palette.appDefaultColor)||void 0===o?void 0:o.secondary)||void 0===x?void 0:x.light}})]})};