@wulperstudio/cms/legacy/components/AvatarTextField/AvatarTextField.js

Wulper Studio Library Components CMS

import _extends from "@babel/runtime/helpers/esm/extends";
import React from 'react';
import { Typography, Stack } from '@mui/material';
import { Avatar } from '../Avatar';
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
var AvatarTextField = function AvatarTextField(props) {
  return /*#__PURE__*/_jsxs(Stack, {
    alignItems: "center",
    direction: props.direction,
    columnGap: props.spacing || 1,
    children: [/*#__PURE__*/_jsx(Avatar, {
      text: props.text,
      urlImg: props.urlImg,
      isImage: props.isImage,
      avatarProps: _extends({}, props.avatarProps)
    }), /*#__PURE__*/_jsxs(Stack, {
      children: [/*#__PURE__*/_jsx(Typography, _extends({}, props.titleTypographyProps, {
        children: props.text
      })), /*#__PURE__*/_jsx(Typography, _extends({}, props.descriptionTypographyProps, {
        children: props.description
      }))]
    })]
  });
};
export default AvatarTextField;