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

Mojito secondary market is the platform to purchase NFT.

import{__rest as o}from"../_virtual/_tslib.js";import{jsxs as i,jsx as l}from"react/jsx-runtime";import{useCallback as e}from"react";import t from"@mui/material/Tab";import n from"@mui/material/Tabs";import d from"@mui/material/Box";import{useTheme as r}from"@mui/material/styles";const a=i=>{const{children:e,index:t,value:n}=i,r=o(i,["children","index","value"]);return l("div",Object.assign({role:"tabpanel",hidden:n!==t,id:`tabpanel-${t}`,"aria-labelledby":`tab-${t}`},r,{children:n===t&&l(d,{children:e})}))},u=({tabs:o,tabValue:u,setCurrentTab:v,isBottomTab:p})=>{var m,b,s,c,x,h,f,g,T;const y=r(),B=e(((i,l)=>{var e;null==v||v(null===(e=o[l])||void 0===e?void 0:e.label)}),[o,v]);return i(d,{sx:{width:"100%"},children:[p&&(null==o?void 0:o.length)>0&&o.map((o=>l(a,{value:u,index:o.index,children:null==o?void 0:o.component},o.index))),l(d,{sx:p?{boxSizing:"border-box",left:0,borderTop:1,borderBottom:0,borderColor:y.palette.grey[500],bottom:0,position:"fixed",width:"100%",zIndex:1e3,background:null===(s=null===(b=null===(m=null==y?void 0:y.palette)||void 0===m?void 0:m.appDefaultColor)||void 0===b?void 0:b.secondary)||void 0===s?void 0:s.dark}:{borderBottom:1,borderColor:y.palette.grey[500],width:"100%",background:null===(h=null===(x=null===(c=null==y?void 0:y.palette)||void 0===c?void 0:c.appDefaultColor)||void 0===x?void 0:x.primary)||void 0===h?void 0:h.dark},children:l(n,{sx:{"& .MuiTabs-indicator":{top:p?0:null},"& .MuiTab-root.Mui-selected":{color:null===(T=null===(g=null===(f=null==y?void 0:y.palette)||void 0===f?void 0:f.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:u,onChange:B,children:o&&o.length>0&&o.map((o=>{var i,e,n,d;return(null==o?void 0:o.showTab)?l(t,{icon:null==o?void 0:o.icon,iconPosition:"start",label:o.label,id:`tab-${o.index}`,style:{fontWeight:"500",fontSize:"14px",padding:"16px 8px",minHeight:"48px",color:u===o.index?null===(e=null===(i=null==y?void 0:y.palette)||void 0===i?void 0:i.text)||void 0===e?void 0:e.secondary:null===(d=null===(n=null==y?void 0:y.palette)||void 0===n?void 0:n.grey)||void 0===d?void 0:d[500]}},o.index):null}))})}),!p&&(null==o?void 0:o.length)>0&&o.map((o=>l(a,{value:u,index:o.index,children:null==o?void 0:o.component},o.index)))]})};export{u as default};