@wulperstudio/cms/node/components/WTabs/styled.js

Wulper Studio Library Components CMS

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
Object.defineProperty(exports, "__esModule", {
  value: true
});
exports["default"] = exports.StyledTabs = exports.StyledTab = void 0;
var _react = _interopRequireDefault(require("react"));
var _material = require("@mui/material");
var _jsxRuntime = require("react/jsx-runtime");
var StyledTabs = exports.StyledTabs = (0, _material.styled)(function (props) {
  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Tabs, Object.assign({
    variant: "scrollable",
    scrollButtons: false,
    visibleScrollbar: true
  }, props));
})({
  width: '100%',
  overflow: 'auto',
  '& .MuiTabs-indicator': {
    display: 'flex',
    justifyContent: 'center',
    backgroundColor: 'transparent'
  }
});
var StyledTab = exports.StyledTab = (0, _material.styled)(function (props) {
  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Tab, Object.assign({
    disableRipple: true
  }, props));
})(function (_ref) {
  var theme = _ref.theme;
  return {
    textTransform: 'none',
    fontWeight: theme.typography.fontWeightRegular,
    fontSize: theme.typography.pxToRem(15),
    marginRight: theme.spacing(1),
    color: theme.palette.primary.main,
    backgroundColor: theme.palette.primary.light,
    borderRadius: '20px',
    '&.Mui-selected': {
      color: theme.palette.background["default"],
      backgroundColor: theme.palette.primary.main
    }
  };
});
var styles = {
  StyledTab: StyledTab,
  StyledTabs: StyledTabs
};
var _default = exports["default"] = styles;