import{f as l,c as e,o as a,d as o,j as i,t as s,n as p}from"./B4plKoGL.js";const r={key:0,class:"s-image-caption w-full"},c={class:"s-image-caption__content text-default-white flex w-full flex-col justify-between gap-x-6 gap-y-2 bg-black py-2 px-4 sm:flex-row sm:bg-[rgba(0,0,0,0.70)]"},d={key:0,"data-test-id":"s-image-caption__text",class:"s-text-small !normal-case"},m={key:1,class:"s-image-caption flex"},g={"data-test-id":"s-image-caption__photo-by-text-content",class:"s-image-caption__content s-text-details text-default-white flex items-center bg-gradient-to-r from-[rgba(0,0,0,0.6)] to-[rgba(0,0,0,0.75)] py-2 pr-4 md:py-4"},y=l({__name:"SImageCaption",props:{text:String,caption:String,photoBy:{type:Boolean,default:!0},expanded:Boolean},setup(t){return(x,n)=>t.expanded?(a(),e("div",r,[o("div",c,[t.caption?(a(),e("div",d,s(t.caption),1)):i("",!0),t.text?(a(),e("div",{key:1,"data-test-id":"s-image-caption__photo-by-text",class:p(["s-text-small-bold shrink-0 !normal-case",{"ml-auto":!t.caption}])},s(`${t.photoBy?"Photo by: ":""}${t.text}`),3)):i("",!0)])])):(a(),e("div",m,[n[0]||(n[0]=o("div",{class:"s-image-caption__pre-content min-w-24 w-24 bg-gradient-to-r from-transparent to-[rgba(0,0,0,0.6)]"},null,-1)),o("div",g,s(`${t.photoBy?"Photo by: ":""}${t.text}`),1)]))}});export{y as default};