import{a as s}from"./chunk-3LV7BUB4.mjs";import{a as d}from"./chunk-NAS5LN2B.mjs";import{AvatarWithPlaceholder as v}from"@baseapp-frontend/design-system/components/web/avatars";import{Box as x,Button as g,Typography as l}from"@mui/material";import{useFragment as b}from"react-relay";import{jsx as e,jsxs as c}from"react/jsx-runtime";var M=function(r){var a=r.profile,h=r.handleAddMember,f=r.handleRemoveMember,m=r.isMember,o=m===void 0?!1:m,i=b(d,a),p=i.id,u=i.name,n=i.image,t=i.urlPath;return c(s,{children:[e(v,{width:48,height:48,src:n?.url,sx:{alignSelf:"center",justifySelf:"center"}}),c(x,{sx:{display:"grid",gridTemplateRows:"repeat(2, minmax(0, 1fr))"},children:[e(l,{variant:"subtitle2",children:u}),e(l,{variant:"caption",color:"text.secondary",children:t?.path&&"@".concat(t.path)})]}),e(g,{color:"inherit",variant:"text",size:"small",onClick:function(){o?f(a):h(a)},sx:{maxWidth:"fit-content",justifySelf:"end"},children:e(l,{variant:"button",color:o?"error.main":"text.primary",children:o?"Remove":"Add"})})]},"chat-room-item-".concat(p))},k=M;export{k as a};
//# sourceMappingURL=chunk-N6FN3HMD.mjs.map