@wulperstudio/cms/node/components/AvatarTitleDescription/AvatarTitleDescription.js

Wulper Studio Library Components CMS

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
Object.defineProperty(exports, "__esModule", {
  value: true
});
exports["default"] = void 0;
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
var _react = _interopRequireDefault(require("react"));
var _material = require("@mui/material");
var _AvatarV = require("../AvatarV2");
var _jsxRuntime = require("react/jsx-runtime");
var _excluded = ["src", "size"],
  _excluded2 = ["direction"],
  _excluded3 = ["variant", "gutterBottom"],
  _excluded4 = ["variant"];
var AvatarTitleDescription = function AvatarTitleDescription(_ref) {
  var title = _ref.title,
    description = _ref.description,
    avatarProps = _ref.avatarProps,
    columnGap = _ref.columnGap,
    colorTitle = _ref.colorTitle,
    containerProps = _ref.containerProps,
    descriptionProps = _ref.descriptionProps,
    textContainerProps = _ref.textContainerProps,
    titleProps = _ref.titleProps;
  var theme = (0, _material.useTheme)();
  var _ref2 = avatarProps || {},
    src = _ref2.src,
    _ref2$size = _ref2.size,
    size = _ref2$size === void 0 ? 'medium' : _ref2$size,
    rest = (0, _objectWithoutProperties2["default"])(_ref2, _excluded);
  var _ref3 = containerProps || {},
    _ref3$direction = _ref3.direction,
    direction = _ref3$direction === void 0 ? 'row' : _ref3$direction,
    restPropsContainer = (0, _objectWithoutProperties2["default"])(_ref3, _excluded2);
  var _ref4 = titleProps || {},
    _ref4$variant = _ref4.variant,
    variant = _ref4$variant === void 0 ? 'h4' : _ref4$variant,
    gutterBottom = _ref4.gutterBottom,
    restTitleProps = (0, _objectWithoutProperties2["default"])(_ref4, _excluded3);
  var _ref5 = descriptionProps || {},
    _ref5$variant = _ref5.variant,
    variantDescription = _ref5$variant === void 0 ? 'body2' : _ref5$variant,
    restDescriptionProps = (0, _objectWithoutProperties2["default"])(_ref5, _excluded4);
  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Stack, Object.assign({
    direction: direction,
    columnGap: columnGap || 2
  }, restPropsContainer, {
    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_AvatarV.AvatarV2, Object.assign({
      size: size,
      src: src
    }, rest)), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Box, Object.assign({}, textContainerProps, {
      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Typography, Object.assign({
        variant: variant,
        color: colorTitle || theme.palette.text.primary,
        gutterBottom: gutterBottom
      }, restTitleProps, {
        children: title
      })), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Typography, Object.assign({
        variant: variantDescription,
        color: colorTitle || theme.palette.text.secondary
      }, restDescriptionProps, {
        children: description
      }))]
    }))]
  }));
};
var _default = exports["default"] = AvatarTitleDescription;