@wulperstudio/cms/node/organisms/GenerateGroups/styled.js

Wulper Studio Library Components CMS

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.WrapSelector = exports.RootSelectors = exports.Root = void 0;
var _material = require("@mui/material");
var Root = exports.Root = (0, _material.styled)(_material.Box, {
  shouldForwardProp: function shouldForwardProp(prop) {
    return prop !== 'backgroundColor';
  }
})(function (_ref) {
  var backgroundColor = _ref.backgroundColor;
  return Object.assign({
    borderRadius: 15,
    padding: 15,
    display: 'flex',
    rowGap: 10,
    flexDirection: 'column'
  }, backgroundColor && {
    backgroundColor: backgroundColor,
    boxShadow: '0px 4px 24px rgba(0, 0, 0, 0.05)'
  });
});
var RootSelectors = exports.RootSelectors = (0, _material.styled)(_material.Box)({
  display: 'flex',
  flexDirection: 'row',
  flexWrap: 'nowrap',
  columnGap: 5,
  width: '100%',
  overflowX: 'auto'
});
var WrapSelector = exports.WrapSelector = (0, _material.styled)(_material.Box)({});