@mojito-inc/secondary-market
Version:
Mojito secondary market is the platform to purchase NFT.
2 lines (1 loc) • 2.52 kB
JavaScript
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../_virtual/_tslib.js"),i=require("react/jsx-runtime"),l=require("react"),o=require("@mui/material/Tab"),t=require("@mui/material/Tabs"),r=require("@mui/material/Box"),d=require("@mui/material/styles");const n=l=>{const{children:o,index:t,value:d}=l,n=e.__rest(l,["children","index","value"]);return i.jsx("div",Object.assign({role:"tabpanel",hidden:d!==t,id:`tabpanel-${t}`,"aria-labelledby":`tab-${t}`},n,{children:d===t&&i.jsx(r,{children:o})}))};exports.default=({tabs:e,tabValue:a,setCurrentTab:u,isBottomTab:v})=>{var s,b,x,p,c,h,m,g,T;const j=d.useTheme(),f=l.useCallback(((i,l)=>{var o;null==u||u(null===(o=e[l])||void 0===o?void 0:o.label)}),[e,u]);return i.jsxs(r,{sx:{width:"100%"},children:[v&&(null==e?void 0:e.length)>0&&e.map((e=>i.jsx(n,{value:a,index:e.index,children:null==e?void 0:e.component},e.index))),i.jsx(r,{sx:v?{boxSizing:"border-box",left:0,borderTop:1,borderBottom:0,borderColor:j.palette.grey[500],bottom:0,position:"fixed",width:"100%",zIndex:1e3,background:null===(x=null===(b=null===(s=null==j?void 0:j.palette)||void 0===s?void 0:s.appDefaultColor)||void 0===b?void 0:b.secondary)||void 0===x?void 0:x.dark}:{borderBottom:1,borderColor:j.palette.grey[500],width:"100%",background:null===(h=null===(c=null===(p=null==j?void 0:j.palette)||void 0===p?void 0:p.appDefaultColor)||void 0===c?void 0:c.primary)||void 0===h?void 0:h.dark},children:i.jsx(t,{sx:{"& .MuiTabs-indicator":{top:v?0:null},"& .MuiTab-root.Mui-selected":{color:null===(T=null===(g=null===(m=null==j?void 0:j.palette)||void 0===m?void 0:m.appDefaultColor)||void 0===g?void 0:g.secondary)||void 0===T?void 0:T.dark},"& .MuiButtonBase-root.MuiTab-root":{textTransform:"none"},"& .MuiButtonBase-root.MuiTab-root .MuiTab-iconWrapper":{marginRight:"0px"}},"data-testid":"tabs-id",variant:"fullWidth",value:a,onChange:f,children:e&&e.length>0&&e.map((e=>{var l,t,r,d;return(null==e?void 0:e.showTab)?i.jsx(o,{icon:null==e?void 0:e.icon,iconPosition:"start",label:e.label,id:`tab-${e.index}`,style:{fontWeight:"500",fontSize:"14px",padding:"16px 8px",minHeight:"48px",color:a===e.index?null===(t=null===(l=null==j?void 0:j.palette)||void 0===l?void 0:l.text)||void 0===t?void 0:t.secondary:null===(d=null===(r=null==j?void 0:j.palette)||void 0===r?void 0:r.grey)||void 0===d?void 0:d[500]}},e.index):null}))})}),!v&&(null==e?void 0:e.length)>0&&e.map((e=>i.jsx(n,{value:a,index:e.index,children:null==e?void 0:e.component},e.index)))]})};