"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunkFIIY3DOAjs = require('./chunk-FIIY3DOA.js');var _chunkCZF66VYYjs = require('./chunk-CZF66VYY.js');var _chunkLVYJQ3G2js = require('./chunk-LVYJQ3G2.js');var _avatars = require('@baseapp-frontend/design-system/components/web/avatars');var _buttons = require('@baseapp-frontend/design-system/components/web/buttons');var _inputs = require('@baseapp-frontend/design-system/components/web/inputs');var _material = require('@mui/material');var _jsxruntime = require('react/jsx-runtime');var R=function(e){var n=e.control,t=e.FORM_VALUE,p=e.handleRemoveImage,r=e.imageError,i=e.isMutationInFlight,h=e.setValue,u=e.trigger,v=e.watch,m=_material.useTheme.call(void 0, ),o=v(t.image),A=_chunkFIIY3DOAjs.a.call(void 0, o);return _jsxruntime.jsxs.call(void 0, _material.Box,{sx:{display:"grid",gap:m.spacing(1.5),padding:m.spacing(2)},children:[_jsxruntime.jsxs.call(void 0, _chunkLVYJQ3G2js.a,{children:[_jsxruntime.jsx.call(void 0, _avatars.CircledAvatar,{src:A,width:144,height:144,hasError:!!r}),r&&_jsxruntime.jsx.call(void 0, "div",{className:"text-center",children:_jsxruntime.jsx.call(void 0, _material.Typography,{color:"error.main",variant:"caption",children:r.message})}),_jsxruntime.jsx.call(void 0, _buttons.FileUploadButton,{control:n,disabled:i,name:t.image,setFile:h,accept:_chunkCZF66VYYjs.a,maxSize:_chunkCZF66VYYjs.b,label:o?"Change Avatar":"Upload Avatar"}),o&&_jsxruntime.jsx.call(void 0, _material.Button,{variant:"text",color:"error",disabled:i,onClick:p,children:"Remove"})]}),_jsxruntime.jsx.call(void 0, _inputs.TextField,{label:"Group Name",inputProps:{maxLength:20},control:n,disabled:i,name:t.title,className:"h-[min-content]",onKeyUp:function(){u(t.title)}})]})},N= exports.a =R;exports.a = N;
//# sourceMappingURL=chunk-4MKL7U2G.js.map