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

Wulper Studio Library Components CMS

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.LayoutAvatar = exports.Container = void 0;
var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
var _material = require("@mui/material");
var _templateObject, _templateObject2;
var LayoutAvatar = exports.LayoutAvatar = (0, _material.styled)('div')(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n  margin-bottom: 16px;\n  width: 100%;\n  max-width: 100%;\n  height: 250px;\n  z-index: 8;\n  position: relative;\n  background-image: url(", ");\n  background-position: center;\n  background-size: cover;\n  border-radius: 16px;\n  display: flex;\n  justify-content: flex-end;\n  align-items: flex-start;\n  padding: 5px 5px 0px 0px;\n"])), function (props) {
  var _props$image;
  return (_props$image = props.image) == null ? void 0 : _props$image.toString();
});
var Container = exports.Container = (0, _material.styled)('div')(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["\n  padding: 16px 16px 0px 16px;\n  z-index: 9;\n  background: transparent;\n  max-width: 100%;\n"])));