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

Wulper Studio Library Components CMS

import { Box, styled } from '@mui/material';
export var Root = styled(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)'
  });
});
export var RootSelectors = styled(Box)({
  display: 'flex',
  flexDirection: 'row',
  flexWrap: 'nowrap',
  columnGap: 5,
  width: '100%',
  overflowX: 'auto'
});
export var WrapSelector = styled(Box)({});