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

Wulper Studio Library Components CMS

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.TitleAvatar = exports.SubtitleAvatar = exports.LayoutAvatar = exports.Layout = exports.ImageContainer = exports.AvatarUrl = void 0;
var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
var _objectDestructuringEmpty2 = _interopRequireDefault(require("@babel/runtime/helpers/objectDestructuringEmpty"));
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
var _material = require("@mui/material");
var _templateObject, _templateObject2;
var ImageContainer = exports.ImageContainer = (0, _material.styled)('div', {
  shouldForwardProp: function shouldForwardProp(prop) {
    return prop !== 'sizeAvatar';
  }
})(function (_ref) {
  var _props$image;
  var props = (0, _extends2["default"])({}, ((0, _objectDestructuringEmpty2["default"])(_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");
});
var Layout = exports.Layout = (0, _material.styled)('div')(function () {
  return "\n  padding: 0px 16px;\n";
});
var LayoutAvatar = exports.LayoutAvatar = (0, _material.styled)('div')(function () {
  return "\n  padding: 0px 16px;\n  display: flex;\n  justify-content: center;\n";
});
var AvatarUrl = exports.AvatarUrl = (0, _material.styled)('div', {
  shouldForwardProp: function shouldForwardProp(prop) {
    return prop !== 'sizeAvatar';
  }
})(function (_ref2) {
  var _props$image2;
  var props = (0, _extends2["default"])({}, ((0, _objectDestructuringEmpty2["default"])(_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");
});
var TitleAvatar = exports.TitleAvatar = (0, _material.styled)('p')(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\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"])));
var SubtitleAvatar = exports.SubtitleAvatar = (0, _material.styled)('p')(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["\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"])));