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

Wulper Studio Library Components CMS

import { styled } from '@mui/material';
export var WrapperComponent = styled('div', {
  shouldForwardProp: function shouldForwardProp(prop) {
    return prop !== 'type';
  }
})(function (_ref) {
  var type = _ref.type;
  return {
    display: 'flex',
    flexDirection: type === 'horizontal' ? 'row' : 'column',
    flexWrap: 'nowrap',
    gap: 10,
    width: '100%',
    maxWidth: '100%',
    overflowX: type === 'horizontal' ? 'auto' : undefined,
    height: 'auto',
    maxHeight: '100%',
    overflowY: type === 'vertical' ? 'auto' : undefined,
    padding: '15px 0px',
    scrollSnapType: 'x mandatory'
  };
});
export var SnapCenter = styled('div')({
  scrollSnapAlign: 'center',
  flexShrink: 0
});