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