@wulperstudio/cms/node/components/AvatarTextOutput/styled.js

Wulper Studio Library Components CMS

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.Text = exports.Label = exports.Box = void 0;
var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
var _material = require("@mui/material");
var _templateObject, _templateObject2, _templateObject3;
var Box = exports.Box = (0, _material.styled)('div', {
  shouldForwardProp: function shouldForwardProp(prop) {
    return prop !== 'showBorder' && prop !== 'backgroundColor' && prop !== 'showBoxShadow' && prop !== 'showDivider';
  }
})(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n  margin: 10px 0px;\n  background-color: ", ";\n  padding: ", ";\n  border-radius: ", ";\n  border: ", ";\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  justify-content: center;\n  box-shadow: ", ";\n  border-bottom: ", ";\n"])), function (props) {
  return props.backgroundColor || 'transparent';
}, function (props) {
  return props.backgroundColor ? '10px 0px' : '10px 15px';
}, function (props) {
  return props.showDivider ? '0px' : '5px';
}, function (props) {
  return props.showBorder ? '1px solid #f6f7fc' : 'none';
}, function (props) {
  return props.showBoxShadow ? '0px 4px 24px rgba(0, 0, 0, 0.05)' : 'none';
}, function (props) {
  return props.showDivider ? '1px solid #f6f7fc' : 'none';
});
var Label = exports.Label = (0, _material.styled)('label')(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["\n  font-size: 14px;\n  line-height: 18px;\n  font-weight: normal;\n  font-family: Poppins, cursive;\n  color: #b2beda;\n  margin-bottom: 10px;\n"])));
var Text = exports.Text = (0, _material.styled)('p')(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2["default"])(["\n  font-size: 16px;\n  line-height: 24px;\n  font-weight: 700;\n  font-family: Poppins, cursive;\n  color: #223263;\n"])));