import{_ as u}from"./B5cKPMxT.js";import g from"./DFdGi2mW.js";import{_ as f}from"./CUZc3WDI.js";import{a as _}from"./BAsDMZDQ.js";import{d as x,s as t,a as l,o,e as v,f as n,c as y,u as e,I as b}from"./m2W8DxR4.js";import"./CioX7pik.js";import"./ByNB5mo6.js";import"./ByXNX2C_.js";import"./Wxbikq7x.js";import"./BXVhohEk.js";const k={class:"py-section bg-gradient-odd socialWork"},h={class:"container mx-auto px-4"},w={key:0,class:"bg-surface-background border-surface-border mx-auto flex w-full flex-col gap-4 rounded-[2rem] border p-4 lg:h-[654px] lg:flex-row xl:max-w-[1190px]"},S={key:2},H=x({__name:"SocialMediaWork",setup(B){const s=_();t(()=>s.state);const i=t(()=>s.data.value||[]),a=t(()=>s.isPending.value);return(d,r)=>{const c=u,p=g,m=f;return o(),l("section",k,[v("div",h,[n(c,{title:d.$t("socialMedia.postsTitle")},null,8,["title"]),e(a)?(o(),l("div",w,r[0]||(r[0]=[b('<div class="flex h-full flex-1 flex-col gap-y-4"><div class="h-full animate-pulse rounded-2xl bg-gray-200 dark:bg-gray-700"></div><div class="flex flex-col gap-4 md:flex-row lg:h-56"><div class="h-full w-full animate-pulse rounded-2xl bg-gray-200 dark:bg-gray-700"></div><div class="h-full w-full animate-pulse rounded-2xl bg-gray-200 dark:bg-gray-700"></div></div></div><div class="animate-pulse rounded-2xl bg-gray-200 lg:h-[620px] lg:w-[350px] dark:bg-gray-700"></div>',2)]))):e(i).length>0&&!e(a)?(o(),y(p,{key:1,posts:e(i),"is-pending":e(a)},null,8,["posts","is-pending"])):(o(),l("div",S,[n(m,{size:"100%"})]))])])}}});export{H as default};
