@wulperstudio/cms/modern/components/AvatarTextOutput/AvatarTextOutput.js

Wulper Studio Library Components CMS

import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
var _excluded = ["titleProps"],
  _excluded2 = ["variant", "color", "gutterBottom", "paragraph"];
import React from 'react';
import { Stack, Typography } from '@mui/material';
import { Box } from './styled';
import { AvatarV2 } from '../AvatarV2';
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
var AvatartextOutput = function AvatartextOutput(_ref) {
  var titleProps = _ref.titleProps,
    props = _objectWithoutProperties(_ref, _excluded);
  var _ref2 = titleProps || {},
    _ref2$variant = _ref2.variant,
    variant = _ref2$variant === void 0 ? 'body2' : _ref2$variant,
    _ref2$color = _ref2.color,
    color = _ref2$color === void 0 ? 'text.secondary' : _ref2$color,
    _ref2$gutterBottom = _ref2.gutterBottom,
    gutterBottom = _ref2$gutterBottom === void 0 ? false : _ref2$gutterBottom,
    _ref2$paragraph = _ref2.paragraph,
    paragraph = _ref2$paragraph === void 0 ? true : _ref2$paragraph,
    rest = _objectWithoutProperties(_ref2, _excluded2);
  return /*#__PURE__*/_jsxs(Box, {
    showBorder: props.showBorder,
    backgroundColor: props.backgroundColor,
    showBoxShadow: props.showBoxShadow,
    showDivider: props.showDivider,
    children: [/*#__PURE__*/_jsx(Typography, Object.assign({
      gutterBottom: gutterBottom,
      paragraph: paragraph,
      variant: variant,
      color: color,
      component: "span"
    }, rest, {
      children: props.label
    })), /*#__PURE__*/_jsxs(Stack, {
      direction: "row",
      columnGap: "10px",
      alignItems: "center",
      children: [/*#__PURE__*/_jsx(AvatarV2, Object.assign({
        size: "medium",
        src: props.urlImg
      }, props.avatarProps)), props.children]
    })]
  });
};
export default AvatartextOutput;