@wulperstudio/cms
Version:
Wulper Studio Library Components CMS
62 lines • 1.88 kB
JavaScript
/* eslint-disable no-nested-ternary */
import { styled } from '@mui/material';
export var Container = styled('div', {
shouldForwardProp: function shouldForwardProp(prop) {
return prop !== 'variant' && prop !== 'width' && prop !== 'customColorBorder';
}
})(function (_ref) {
var theme = _ref.theme,
variant = _ref.variant,
_ref$width = _ref.width,
width = _ref$width === void 0 ? 400 : _ref$width,
customColorBorder = _ref.customColorBorder;
return {
display: 'grid',
gridTemplateRows: 'auto 1fr auto',
rowGap: '12px',
minWidth: width,
maxWidth: width,
padding: '10px',
borderRadius: '10px',
minHeight: 'auto',
height: '100%',
maxHeight: '100%',
overflowY: 'auto',
marginRight: '10px',
boxShadow: variant === 'float' ? theme.shadows[1] : 'unset',
border: variant === 'fixed' ? "1px solid ".concat(theme.palette.text.secondary) : variant === 'border' ? "1px solid ".concat(customColorBorder != null ? customColorBorder : theme.palette.text.secondary) : 'unset',
backgroundColor: variant === 'transparent' ? 'transparent' : theme.palette.background["default"]
};
});
export var Header = styled('div')({
display: 'flex',
alignItems: 'center',
justifyContent: 'space-between',
height: 52
});
export var Title = styled('h1')(function (_ref2) {
var theme = _ref2.theme;
return {
textTransform: 'uppercase',
color: theme.palette.text.primary,
fontSize: '16px',
fontWeight: 600
};
});
export var Counter = styled('span')(function (_ref3) {
var theme = _ref3.theme;
return {
color: theme.palette.text.secondary,
fontSize: '14px'
};
});
export var AddColumn = styled('div')({
minWidth: '300px',
padding: '10px',
maxHeight: '100%',
marginRight: '10px'
});
export var WrapperHeader = styled('div')({
display: 'flex',
flexDirection: 'column'
});