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

Wulper Studio Library Components CMS

import React from 'react';
import { Stack } from '@mui/material';
import { Avatar } from '../../components/Avatar';
import { ImageContainer, Layout, LayoutAvatar, AvatarUrl, TitleAvatar, SubtitleAvatar } from './styled';
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
export var DrawerSection = function DrawerSection(props) {
  if (props.imageType === 'apaisado') {
    return /*#__PURE__*/_jsx(Layout, {
      children: /*#__PURE__*/_jsx(ImageContainer, {
        image: props.image
      })
    });
  }
  return /*#__PURE__*/_jsx(LayoutAvatar, {
    children: props.avatarLeter ? /*#__PURE__*/_jsxs(Stack, {
      direction: "column",
      justifyContent: "center",
      alignItems: "center",
      spacing: 1,
      children: [/*#__PURE__*/_jsx(Avatar, {
        showZero: true,
        text: props.textAvatar,
        minWidth: "80px",
        minHeight: "80px"
      }), /*#__PURE__*/_jsxs("div", {
        children: [props.titleText && /*#__PURE__*/_jsx(TitleAvatar, {
          children: props.titleText
        }), props.subtitleText && /*#__PURE__*/_jsx(SubtitleAvatar, {
          children: props.subtitleText
        })]
      })]
    }) : /*#__PURE__*/_jsxs(Stack, {
      direction: "column",
      justifyContent: "center",
      alignItems: "center",
      spacing: 1,
      children: [/*#__PURE__*/_jsx(AvatarUrl, {
        image: props.image,
        sizeAvatar: props.sizeAvatar
      }), /*#__PURE__*/_jsxs("div", {
        style: {
          textAlign: 'center'
        },
        children: [props.titleText && /*#__PURE__*/_jsx(TitleAvatar, {
          children: props.titleText
        }), props.subtitleText && /*#__PURE__*/_jsx(SubtitleAvatar, {
          children: props.subtitleText
        })]
      })]
    })
  });
};