@wulperstudio/cms/legacy/components/ChipOutput/styled.js

Wulper Studio Library Components CMS

import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
var _excluded = ["theme"];
import { styled } from '@mui/material';
export var Box = styled('div', {
  shouldForwardProp: function shouldForwardProp(prop) {
    return prop !== 'showBorder' && prop !== 'backgroundColor' && prop !== 'showBoxShadow' && prop !== 'showDivider';
  }
})(function (_ref) {
  var theme = _ref.theme,
    props = _objectWithoutProperties(_ref, _excluded);
  return {
    backgroundColor: props.backgroundColor,
    padding: props.backgroundColor ? '10px 0px' : '10px 15px',
    borderRadius: props.showDivider ? '0px' : '5px',
    border: props.showBorder ? "1px solid ".concat(theme.palette.background.paper) : 'none',
    display: 'flex',
    flexDirection: 'column',
    alignItems: 'flex-start',
    justifyContent: 'center',
    boxShadow: props.showBoxShadow ? '1px 4px 24px rgba(0, 0, 0, 0.05)' : 'none'
  };
});
export var Label = styled('label')(function (_ref2) {
  var theme = _ref2.theme;
  return {
    fontSize: '13px',
    lineHeight: '17px',
    fontWeight: 'normal',
    fontFamily: theme.typography.fontFamily,
    color: theme.palette.text.secondary,
    marginBottom: '9px'
  };
});