@wulperstudio/cms/node/components/AvatarTextField/AvatarTextField.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 _react = _interopRequireDefault(require("react"));
var _material = require("@mui/material");
var _Avatar = require("../Avatar");
var _jsxRuntime = require("react/jsx-runtime");
var AvatarTextField = function AvatarTextField(props) {
  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Stack, {
    alignItems: "center",
    direction: props.direction,
    columnGap: props.spacing || 1,
    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Avatar.Avatar, {
      text: props.text,
      urlImg: props.urlImg,
      isImage: props.isImage,
      avatarProps: Object.assign({}, props.avatarProps)
    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Stack, {
      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Typography, Object.assign({}, props.titleTypographyProps, {
        children: props.text
      })), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Typography, Object.assign({}, props.descriptionTypographyProps, {
        children: props.description
      }))]
    })]
  });
};
var _default = exports["default"] = AvatarTextField;