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

Wulper Studio Library Components CMS

/* eslint-disable no-nested-ternary */
import { styled } from '@mui/material';
import { handleProps } from '../../utils';
export var FreeColumnContainer = styled('div', {
  shouldForwardProp: function shouldForwardProp(prop) {
    return handleProps(prop, ['variant', 'customColorBorder', 'columnWidth', 'sx']);
  }
})(function (_ref) {
  var theme = _ref.theme,
    variant = _ref.variant,
    _ref$columnWidth = _ref.columnWidth,
    columnWidth = _ref$columnWidth === void 0 ? 400 : _ref$columnWidth,
    customColorBorder = _ref.customColorBorder;
  return Object.assign({
    display: 'grid',
    gridTemplateRows: 'auto 1fr auto',
    rowGap: '12px',
    minWidth: columnWidth,
    maxWidth: columnWidth,
    padding: '10px',
    borderRadius: '10px',
    minHeight: 'auto',
    height: '100%',
    maxHeight: '100%',
    overflowY: 'auto',
    marginRight: '10px',
    backgroundColor: theme.palette.background["default"]
  }, variant === 'float' && {
    boxShadow: theme.shadows[1]
  }, variant === 'fixed' && {
    border: "1px solid ".concat(theme.palette.text.secondary)
  }, variant === 'border' && {
    border: "1px solid ".concat(customColorBorder != null ? customColorBorder : theme.palette.text.secondary)
  }, variant === 'transparent' && {
    backgroundColor: 'transparent'
  });
});
export var FreeColumnHeader = styled('div')({
  display: 'flex',
  alignItems: 'center',
  justifyContent: 'space-between',
  height: 52
});
export var FreeColumnTitle = styled('h1')(function (_ref2) {
  var theme = _ref2.theme;
  return {
    textTransform: 'uppercase',
    color: theme.palette.text.primary,
    fontSize: '16px',
    fontWeight: 600
  };
});
export var FreeColumnCounter = styled('span')(function (_ref3) {
  var theme = _ref3.theme;
  return {
    color: theme.palette.text.secondary,
    fontSize: '14px'
  };
});
export var FreeColumCreateColumn = styled('div', {
  shouldForwardProp: function shouldForwardProp(prop) {
    return handleProps(prop, ['columnWidth', 'sx']);
  }
})(function (_ref4) {
  var _ref4$columnWidth = _ref4.columnWidth,
    columnWidth = _ref4$columnWidth === void 0 ? 400 : _ref4$columnWidth;
  return {
    minWidth: columnWidth,
    maxWidth: columnWidth,
    padding: '10px',
    maxHeight: '100%',
    marginRight: '10px'
  };
});
export var FreeColumnWrapperHeader = styled('div')({
  display: 'flex',
  flexDirection: 'column'
});