@wulperstudio/cms
Version:
Wulper Studio Library Components CMS
26 lines • 705 B
JavaScript
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
});