@wulperstudio/cms/modern/components/InputBox/styled.js

Wulper Studio Library Components CMS

import { styled } from '@mui/material';
var Size = {
  small: 56,
  medium: 64,
  large: 75
};
export var Root = styled('div', {
  shouldForwardProp: function shouldForwardProp(prop) {
    return prop !== 'active' && prop !== 'disabled' && prop !== 'size' && prop !== 'borderColor' && prop !== 'shadow';
  }
})(function (_ref) {
  var active = _ref.active,
    disabled = _ref.disabled,
    _ref$size = _ref.size,
    size = _ref$size === void 0 ? 'medium' : _ref$size,
    shadow = _ref.shadow,
    borderColor = _ref.borderColor,
    theme = _ref.theme;
  return Object.assign({
    border: '2px solid',
    borderColor: borderColor || theme.palette.text.primary
  }, active && {
    borderColor: theme.palette.primary.main
  }, {
    backgroundColor: theme.palette.background["default"],
    pointerEvents: disabled ? 'none' : 'auto',
    color: theme.palette.primary.main,
    width: Size[size],
    height: Size[size],
    display: 'flex',
    justifyContent: 'center',
    alignItems: 'center',
    flexDirection: 'column',
    borderRadius: 10,
    boxShadow: shadow ? '0px 4px 25px rgba(0, 0, 0, 0.06)' : undefined,
    cursor: disabled ? 'auto' : 'pointer'
  });
});