@wulperstudio/cms/node/organisms/TabsAvatar/styled.js

Wulper Studio Library Components CMS

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.WrapperTabs = exports.WrapperTab = exports.WraperComponent = exports.TabPanel = exports.StyledTabs = void 0;
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
var _react = _interopRequireDefault(require("react"));
var _material = require("@mui/material");
var _jsxRuntime = require("react/jsx-runtime");
var _excluded = ["children", "value", "index"];
var StyledTabs = exports.StyledTabs = (0, _material.styled)(_material.Tabs, {
  shouldForwardProp: function shouldForwardProp(prop) {
    return prop !== 'fullWidth' && prop !== 'textColor' && prop !== 'indicator';
  }
})({
  '& ': {
    minHeight: '44px',
    width: '100%',
    maxWidth: '100%',
    overflowX: 'auto'
  },
  '& div ': {
    display: 'flex',
    gap: '10px',
    '& *': {
      flexGrow: 0
    }
  },
  '& .MuiTabs-indicator': {
    display: 'flex',
    justifyContent: 'center',
    backgroundColor: 'transparent',
    maxHeight: '5px',
    height: '5px',
    borderRadius: '10px'
  }
});
var TabPanel = exports.TabPanel = function TabPanel(props) {
  var children = props.children,
    value = props.value,
    index = props.index,
    other = (0, _objectWithoutProperties2["default"])(props, _excluded);
  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", Object.assign({
    style: {
      width: '100%',
      height: value === index ? '100%' : 0,
      maxWidth: '100%',
      overflowY: 'auto'
    }
  }, other, {
    children: value === index && children
  }));
};
var WrapperTabs = exports.WrapperTabs = (0, _material.styled)('div', {
  shouldForwardProp: function shouldForwardProp(prop) {
    return prop !== 'padding';
  }
})(function (_ref) {
  var padding = _ref.padding;
  return {
    width: '100%',
    maxWidth: '100%',
    backgroundColor: 'transparent',
    marginTop: '0px',
    marginBottom: '0px',
    padding: padding || '15px 0',
    position: 'relative',
    overflowX: 'auto'
  };
});
var WraperComponent = exports.WraperComponent = (0, _material.styled)('div')({
  display: 'grid',
  gridTemplateRows: 'auto 1fr',
  height: '100%'
});
var WrapperTab = exports.WrapperTab = (0, _material.styled)('div', {
  shouldForwardProp: function shouldForwardProp(prop) {
    return prop !== 'textColor' && prop !== 'value';
  }
})({
  cursor: 'pointer'
});