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

Mojito secondary market is the platform to purchase NFT.

import{jsxs as o,jsx as i}from"react/jsx-runtime";import r from"@mui/material/Typography";import t from"@mui/material/Box";import{useTheme as e}from"@mui/material/styles";import l from"@mui/icons-material/ErrorOutline";const n=({title:n,subTitle:d,message:a,onClick:p})=>{var s,u,m,v,c,x,f,g,h;const y=e();return o(t,{sx:{display:"flex",alignItems:"center",padding:"8px 16px",borderRadius:"4px",gap:1,background:null===(u=null===(s=y.palette)||void 0===s?void 0:s.toastError)||void 0===u?void 0:u[50],border:`1px solid ${null===(v=null===(m=y.palette)||void 0===m?void 0:m.toastError)||void 0===v?void 0:v[100]}`},children:[i(l,{sx:{color:null===(x=null===(c=y.palette)||void 0===c?void 0:c.toastError)||void 0===x?void 0:x[500],fontSize:"16px"}}),o(r,{sx:{fontSize:"12px",fontWeight:"400"},children:[n," "," ",i(r,{"data-testid":"error-click",onClick:p,sx:{fontSize:"12px",fontWeight:"400",textDecorationLine:"underline",display:"inline",cursor:"pointer",color:null===(h=null===(g=null===(f=y.palette)||void 0===f?void 0:f.appDefaultColor)||void 0===g?void 0:g.secondary)||void 0===h?void 0:h.dark},children:a})," ",d]})]})};export{n as default};