import{n as o,r as S,z as m,j as i,aE as y}from"./index.qnLB2_zl.js";import{S as g,T as W}from"./Toolbar.v8Tqv2Gq.js";import{w as b,u as E,E as M}from"./withFullScreenWrapper.ClJkH0kM.js";const L=o("div",{target:"evl31sl0"})(({theme:t})=>({display:"flex",flexDirection:"row",flexWrap:"wrap",rowGap:t.spacing.lg,maxWidth:"100%",width:"fit-content"})),O=o("div",{target:"evl31sl1"})(({theme:t})=>({display:"flex",flexDirection:"column",alignItems:"stretch",width:"auto",flexGrow:0,">img":{borderRadius:t.radii.default}})),T=o("div",{target:"evl31sl2"})(({theme:t})=>({textAlign:"center",marginTop:t.spacing.xs,wordWrap:"break-word",padding:t.spacing.threeXS}));var p;(function(t){t[t.OriginalWidth=-1]="OriginalWidth",t[t.ColumnWidth=-2]="ColumnWidth",t[t.AutoWidth=-3]="AutoWidth",t[t.MinImageOrContainer=-4]="MinImageOrContainer",t[t.MaxImageOrContainer=-5]="MaxImageOrContainer"})(p||(p={}));function j({element:t,width:u,endpoints:x,disableFullscreenMode:f}){const{expanded:n,width:w,height:l,expand:C,collapse:h}=E(M),d=n?w:u;let r;const a=t.width;if([-1,-3,-4].includes(a))r=void 0;else if([-2,-5].includes(a))r=d;else if(a>0)r=a;else throw Error(`Invalid image width: ${a}`);const e={};return l&&n?(e.maxHeight=l,e.objectFit="contain"):(e.width=r,e.maxWidth="100%"),m(g,{width:d,height:l,useContainerWidth:n,topCentered:!0,children:[i(W,{target:g,isFullScreen:n,onExpand:C,onCollapse:h,disableFullscreenMode:f}),i(L,{className:"stImage","data-testid":"stImage",children:t.imgs.map((I,c)=>{const s=I;return m(O,{"data-testid":"stImageContainer",children:[i("img",{style:e,src:x.buildMediaURL(s.url),alt:c.toString()}),s.caption&&i(T,{"data-testid":"stImageCaption",style:e,children:i(y,{source:s.caption,allowHTML:!1,isCaption:!0,isLabel:!0})})]},c)})})]})}const k=S.memo(b(j));export{k as default};
