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

Wulper Studio Library Components CMS

import { styled } from '@mui/material';
export var ContainerGrid = 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'
  };
});
export var Grid = 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)
    }
  };
});