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

Wulper Studio Library Components CMS

import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
import _objectDestructuringEmpty from "@babel/runtime/helpers/esm/objectDestructuringEmpty";
import _extends from "@babel/runtime/helpers/esm/extends";
var _templateObject, _templateObject2;
import { styled } from '@mui/material';
export var ImageContainer = styled('div', {
  shouldForwardProp: function shouldForwardProp(prop) {
    return prop !== 'sizeAvatar';
  }
})(function (_ref) {
  var _props$image;
  var props = _extends({}, (_objectDestructuringEmpty(_ref), _ref));
  return "\n  background-image: url(".concat((_props$image = props.image) == null ? void 0 : _props$image.toString(), ");\n  min-height: 200px;\n  max-height: 200px;\n  width: 100%;\n  max-width: 100%;\n  background-size: cover;\n  background-position: center;\n  border-radius: 16px;\n");
});
export var Layout = styled('div')(function () {
  return "\n  padding: 0px 16px;\n";
});
export var LayoutAvatar = styled('div')(function () {
  return "\n  padding: 0px 16px;\n  display: flex;\n  justify-content: center;\n";
});
export var AvatarUrl = styled('div', {
  shouldForwardProp: function shouldForwardProp(prop) {
    return prop !== 'sizeAvatar';
  }
})(function (_ref2) {
  var _props$image2;
  var props = _extends({}, (_objectDestructuringEmpty(_ref2), _ref2));
  return "\n  min-height: ".concat(props.sizeAvatar || '120px', ";\n  max-height: ").concat(props.sizeAvatar || '120px', ";\n  min-width: ").concat(props.sizeAvatar || '120px', ";\n  max-width: ").concat(props.sizeAvatar || '120px', ";\n  border-radius: 50%;\n  background-image: url(").concat((_props$image2 = props.image) == null ? void 0 : _props$image2.toString(), ");\n  background-size: cover;\n  background-position: center;\n");
});
export var TitleAvatar = styled('p')(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  margin: 0;\n  font-family: Poppins, sans-serif;\n  font-style: normal;\n  font-size: 16px;\n  line-height: 27px;\n  color: #223263;\n  font-weight: 700;\n"])));
export var SubtitleAvatar = styled('p')(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  margin: 0;\n  font-family: Poppins, sans-serif;\n  font-style: normal;\n  font-size: 14px;\n  line-height: 24px;\n  color: #b2beda;\n  font-weight: 400;\n"])));