import _sfc_main$1 from './SectionHeadline-0zkilFRp.mjs';
import __nuxt_component_1 from './SocialSliderWithControls-2I3NCkag.mjs';
import _sfc_main$2 from './EmptyState-CWK2sm1Q.mjs';
import { defineComponent, computed, mergeProps, unref, useSSRContext } from 'vue';
import { ssrRenderAttrs, ssrRenderComponent } from 'vue/server-renderer';
import { a as useMarketingPostsQuery } from './marketing-lpt_YDVO.mjs';
import './server.mjs';
import '../_/nitro.mjs';
import 'node:http';
import 'node:https';
import 'node:events';
import 'node:buffer';
import 'nitropack/dist/runtime/plugin';
import 'packrup';
import 'consola';
import 'node:fs';
import 'node:url';
import '@iconify/utils';
import 'node:crypto';
import 'ipx';
import 'node:path';
import 'pinia';
import '@pinia/colada';
import 'vue-router';
import '@unhead/schema-org/vue';
import 'deep-pick-omit';
import '@iconify/vue';
import '../routes/renderer.mjs';
import 'vue-bundle-renderer/runtime';
import 'unhead/server';
import 'devalue';
import 'unhead/plugins';
import 'unhead/utils';
import './GradientFullArrowRight-B3gaunpf.mjs';
import './useSwiper.client-B39wiisS.mjs';
import './useApi-Dv-cyvzn.mjs';
import 'axios';
import 'vue-sonner';

const _sfc_main = /* @__PURE__ */ defineComponent({
  __name: "SocialMediaWork",
  __ssrInlineRender: true,
  setup(__props) {
    const postsQuery = useMarketingPostsQuery();
    computed(() => postsQuery.state);
    const posts = computed(() => postsQuery.data.value || []);
    const isPending = computed(() => postsQuery.isPending.value);
    return (_ctx, _push, _parent, _attrs) => {
      const _component_SectionHeadline = _sfc_main$1;
      const _component_SocialSliderWithControls = __nuxt_component_1;
      const _component_EmptyState = _sfc_main$2;
      _push(`<section${ssrRenderAttrs(mergeProps({ class: "py-section bg-gradient-odd socialWork" }, _attrs))}><div class="container mx-auto px-4">`);
      _push(ssrRenderComponent(_component_SectionHeadline, {
        title: _ctx.$t("socialMedia.postsTitle")
      }, null, _parent));
      if (unref(isPending)) {
        _push(`<div 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]"><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></div>`);
      } else if (unref(posts).length > 0 && !unref(isPending)) {
        _push(ssrRenderComponent(_component_SocialSliderWithControls, {
          posts: unref(posts),
          "is-pending": unref(isPending)
        }, null, _parent));
      } else {
        _push(`<div>`);
        _push(ssrRenderComponent(_component_EmptyState, { size: "100%" }, null, _parent));
        _push(`</div>`);
      }
      _push(`</div></section>`);
    };
  }
});
const _sfc_setup = _sfc_main.setup;
_sfc_main.setup = (props, ctx) => {
  const ssrContext = useSSRContext();
  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("components/digital-marketing/SocialMediaWork.vue");
  return _sfc_setup ? _sfc_setup(props, ctx) : void 0;
};

export { _sfc_main as default };
//# sourceMappingURL=SocialMediaWork-Bfq_sBnE.mjs.map
