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

Wulper Studio Library Components CMS

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.Grid = exports.ContainerGrid = void 0;
var _material = require("@mui/material");
var ContainerGrid = exports.ContainerGrid = (0, _material.styled)('div', {
  shouldForwardProp: function shouldForwardProp(props) {
    return props !== 'padding' && props !== 'hideButton';
  }
})(function (_ref) {
  var padding = _ref.padding,
    hideButton = _ref.hideButton;
  return {
    maxWidth: '100%',
    width: '100%',
    display: 'grid',
    gridTemplateColumns: '1fr auto',
    backgroundColor: 'transparent',
    alignItems: 'center',
    minHeight: 'auto',
    overflowX: 'auto',
    columnGap: hideButton ? '0px' : '25px',
    padding: padding || '0px 0px 0px 15px'
  };
});
var Grid = exports.Grid = (0, _material.styled)('div', {
  shouldForwardProp: function shouldForwardProp(props) {
    return props !== 'elementsCount';
  }
})(function (_ref2) {
  var theme = _ref2.theme;
  return {
    overflowX: 'auto',
    overflowY: 'hidden',
    height: 'auto',
    width: '100%',
    maxWidth: '100%',
    display: 'flex',
    alignItems: 'center',
    // columnGap: '10px',
    // gridTemplateColumns: `repeat(${props.elementsCount}, 220px)`,
    '& > *': {
      borderRight: "1px solid ".concat(theme.palette.divider)
    }
  };
});