@nexusui/components
Version:
These are custom components specially-developed for NexusUI applications. They will make your life easier by giving you out-of-the-box implementations for various high-level UI elements that you can drop directly into your application.
2 lines (1 loc) • 969 B
JavaScript
;Object.defineProperty(exports,"__esModule",{value:!0});var r=require("@mui/material/Tabs"),a=require("@mui/material/styles");function e(r){return r&&"object"==typeof r&&"default"in r?r:{default:r}}var t=e(r);const o=a.styled(t.default)((({theme:r})=>({minHeight:40,margin:-4,"& .MuiTabs-fixed":{"& .MuiTabs-flexContainer":{flexWrap:"wrap"}},"& .MuiTab-root":{color:r.vars.palette.text.primary,...r.applyStyles("dark",{color:r.vars.palette.text.primary}),margin:4,"&.Mui-selected":{color:r.vars.palette.primary.contrastText,fontWeight:700,backgroundColor:r.vars.palette.primary.light,"&:hover":{backgroundColor:r.vars.palette.primary.main},...r.applyStyles("dark",{backgroundColor:r.vars.palette.primary.main,color:r.vars.palette.primary.contrastText,"&:hover":{backgroundColor:r.vars.palette.primary.dark}})},"&:hover":{backgroundColor:r.vars.palette.action.hover}},"& .MuiTabs-indicator":{backgroundColor:"transparent"}})));exports.ButtonTabsComponent=o;