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

Wulper Studio Library Components CMS

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.DrawerSection = void 0;
var _react = _interopRequireDefault(require("react"));
var _material = require("@mui/material");
var _Avatar = require("../../components/Avatar");
var _styled = require("./styled");
var _jsxRuntime = require("react/jsx-runtime");
var DrawerSection = exports.DrawerSection = function DrawerSection(props) {
  if (props.imageType === 'apaisado') {
    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_styled.Layout, {
      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_styled.ImageContainer, {
        image: props.image
      })
    });
  }
  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_styled.LayoutAvatar, {
    children: props.avatarLeter ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Stack, {
      direction: "column",
      justifyContent: "center",
      alignItems: "center",
      spacing: 1,
      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Avatar.Avatar, {
        showZero: true,
        text: props.textAvatar,
        minWidth: "80px",
        minHeight: "80px"
      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
        children: [props.titleText && /*#__PURE__*/(0, _jsxRuntime.jsx)(_styled.TitleAvatar, {
          children: props.titleText
        }), props.subtitleText && /*#__PURE__*/(0, _jsxRuntime.jsx)(_styled.SubtitleAvatar, {
          children: props.subtitleText
        })]
      })]
    }) : /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Stack, {
      direction: "column",
      justifyContent: "center",
      alignItems: "center",
      spacing: 1,
      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_styled.AvatarUrl, {
        image: props.image,
        sizeAvatar: props.sizeAvatar
      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
        style: {
          textAlign: 'center'
        },
        children: [props.titleText && /*#__PURE__*/(0, _jsxRuntime.jsx)(_styled.TitleAvatar, {
          children: props.titleText
        }), props.subtitleText && /*#__PURE__*/(0, _jsxRuntime.jsx)(_styled.SubtitleAvatar, {
          children: props.subtitleText
        })]
      })]
    })
  });
};