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

Wulper Studio Library Components CMS

import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
import { Box, styled } from '@mui/material';
export var GridCardList = styled(Box, {
  shouldForwardProp: function shouldForwardProp(prop) {
    return prop !== 'gridColumns' && prop !== 'gap';
  }
})(function (_ref) {
  var theme = _ref.theme,
    gridColumns = _ref.gridColumns,
    gap = _ref.gap;
  return _defineProperty({
    display: 'grid',
    gap: gap || '15px',
    gridAutoRows: 'max-content',
    gridTemplateColumns: gridColumns || 'repeat(auto-fill, minmax(310px, 1fr))',
    height: '100%',
    overflow: 'auto',
    width: '100%',
    padding: '1.5rem 1rem'
  }, theme.breakpoints.down('md'), {
    gridTemplateColumns: '1fr',
    padding: '1.5rem 1rem'
  });
});