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

Wulper Studio Library Components CMS

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.TagWS = void 0;
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
var _styles = require("@mui/material/styles");
var _excluded = ["theme"];
var TagWS = exports.TagWS = (0, _styles.styled)('div', {
  shouldForwardProp: function shouldForwardProp(props) {
    return props !== 'backgroundColor' && props !== 'incrementHeight' && props !== 'fontSizeIncrement' && props !== 'paddingIncrement';
  }
})(function (_ref) {
  var theme = _ref.theme,
    props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
  return "\n  min-height: ".concat(props.incrementHeight || '8px', ";\n  width: max-content;\n  border-radius: 50px;\n  padding: ").concat(props.paddingIncrement || '0px 10px', ";\n  background-color: ").concat(props.backgroundColor || '#6e6e6e', ";\n  max-height: ").concat(props.incrementHeight || '20px', ";\n  font-family: ").concat(theme.typography.fontFamily, ";\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: #fff;\n  font-size: ").concat(props.fontSizeIncrement || '12px', ";\n");
});