@wulperstudio/cms/node/organisms/Board/components/Column/styled.js

Wulper Studio Library Components CMS

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.WrapperHeader = exports.Title = exports.Header = exports.Counter = exports.Container = exports.AddColumn = void 0;
var _material = require("@mui/material");
/* eslint-disable no-nested-ternary */

var Container = exports.Container = (0, _material.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"]
  };
});
var Header = exports.Header = (0, _material.styled)('div')({
  display: 'flex',
  alignItems: 'center',
  justifyContent: 'space-between',
  height: 52
});
var Title = exports.Title = (0, _material.styled)('h1')(function (_ref2) {
  var theme = _ref2.theme;
  return {
    textTransform: 'uppercase',
    color: theme.palette.text.primary,
    fontSize: '16px',
    fontWeight: 600
  };
});
var Counter = exports.Counter = (0, _material.styled)('span')(function (_ref3) {
  var theme = _ref3.theme;
  return {
    color: theme.palette.text.secondary,
    fontSize: '14px'
  };
});
var AddColumn = exports.AddColumn = (0, _material.styled)('div')({
  minWidth: '300px',
  padding: '10px',
  maxHeight: '100%',
  marginRight: '10px'
});
var WrapperHeader = exports.WrapperHeader = (0, _material.styled)('div')({
  display: 'flex',
  flexDirection: 'column'
});