import{w as h,j as t,Z as j,I as r,B as c,aA as b}from"./index-CmAiVN5e.js";import{r as o}from"./vendor-animations-CsoOZIH8.js";import{c as f}from"./validators-3vU18RTh.js";const i="upload-image-input-group",_="image/png, image/jpeg, image/gif",I=e=>{const n=o.useRef(null),d=o.useCallback(()=>{n.current&&n.current.click()},[n]),m=a=>{var s;if((s=a.target.files)!=null&&s.length){const l=a.target.files[0];if(f(l)){e.onChange(l),a.target.value="";return}a.target.value="",b(e.t("general:maxImageSize"),{variant:"error"})}},g=()=>e.image?t.jsx("img",{className:`${i}__photo`,alt:"image",src:e.image}):t.jsx("div",{className:`${i}__preview`,children:t.jsx(r,{type:"imageFile"})}),u=()=>{const a=e.image?t.jsxs("div",{className:`${i}__actions`,children:[t.jsx(c,{size:"s",type:"button",theme:"secondary",icon:"edit",iconPosition:"right",text:e.t("general:changePhoto"),isDisabled:e.isDisabled,onClick:d}),t.jsx(c,{type:"button",size:"s",theme:"secondary",icon:"trash",isDisabled:e.isDisabled,onClick:e.onDelete})]}):null,s=e.image?null:t.jsxs(t.Fragment,{children:[e.t("general:uploadText"),t.jsx(r,{type:"download"})]});return t.jsxs("div",{children:[t.jsxs("label",{className:`${i}__control`,children:[t.jsx("input",{ref:n,type:"file",name:"file",disabled:e.isDisabled,onChange:m,accept:_}),s]}),a]})},x=()=>t.jsxs("div",{className:`${i}__content`,children:[g(),u()]});return t.jsx(j,{className:i,title:e.title,subtitle:e.subtitle,errorText:e.errorText,hintText:e.hintText,isDisabled:e.isDisabled,tooltip:e.tooltip,withHintIcon:!0,children:x()})},y=h()(I);export{y as U};