"use strict";Object.defineProperty(exports, "__esModule", {value: true});

var _chunkKC4N7V6Ojs = require('./chunk-KC4N7V6O.js');


var _chunk5V5EREDJjs = require('./chunk-5V5EREDJ.js');

// tmp-babel/messages/web/GroupChatEdit/AddedMemberCard/index.js
var _avatars = require('@baseapp-frontend/design-system/components/web/avatars');
var _buttons = require('@baseapp-frontend/design-system/components/web/buttons');
var _icons = require('@baseapp-frontend/design-system/components/web/icons');
var _material = require('@mui/material');
var _reactrelay = require('react-relay');
var _jsxruntime = require('react/jsx-runtime');
var AddedMemberCard = function AddedMemberCard2(_ref) {
  var profile = _ref.profile, handleRemoveMember = _ref.handleRemoveMember;
  var _useFragment = _reactrelay.useFragment.call(void 0, _chunk5V5EREDJjs.ProfileItemFragment, profile), id = _useFragment.id, image = _useFragment.image, name = _useFragment.name;
  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkKC4N7V6Ojs.MainContainer, {
    children: [/* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _material.Box, {
      sx: {
        position: "relative"
      },
      children: [/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _buttons.IconButton, {
        size: "small",
        sx: {
          position: "absolute",
          top: 0,
          right: 0,
          zIndex: 1
        },
        onClick: function onClick() {
          return handleRemoveMember(profile);
        },
        children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _icons.FilledCloseIcon, {})
      }), /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _avatars.AvatarWithPlaceholder, {
        width: 64,
        height: 64,
        src: image === null || image === void 0 ? void 0 : image.url,
        sx: {
          alignSelf: "center",
          justifySelf: "center"
        }
      })]
    }), /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _material.Typography, {
      variant: "subtitle2",
      noWrap: true,
      sx: {
        overflow: "hidden",
        textOverflow: "ellipsis",
        maxWidth: "64px"
      },
      children: name
    })]
  }, "chat-room-item-".concat(id));
};
var AddedMemberCard_default = AddedMemberCard;



exports.AddedMemberCard_default = AddedMemberCard_default;
//# sourceMappingURL=chunk-L62MPSZH.js.map