import _sfc_main$2 from './SectionHeadline-0zkilFRp.mjs';
import { _ as _sfc_main$3$1, a as _sfc_main$1$1, c as _sfc_main$2$1 } from './TabsTrigger-Dzpk3vN1.mjs';
import { defineComponent, computed, mergeProps, unref, withCtx, createBlock, openBlock, Fragment, renderList, createVNode, useSSRContext } from 'vue';
import { ssrRenderAttrs, ssrRenderComponent, ssrRenderList } from 'vue/server-renderer';
import { a as _export_sfc } from './server.mjs';
import __nuxt_component_2 from './SocialStatus-D-MhVDyi.mjs';
import _sfc_main$3 from './EmptyState-CWK2sm1Q.mjs';
import { b as useMarketingStaticsQuery } from './marketing-lpt_YDVO.mjs';
import 'reka-ui';
import './utils-H80jjgLf.mjs';
import 'clsx';
import 'tailwind-merge';
import './index-B_IDLhd1.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 './useApi-Dv-cyvzn.mjs';
import 'axios';
import 'vue-sonner';

const _sfc_main$1 = {};
function _sfc_ssrRender(_ctx, _push, _parent, _attrs) {
  const _component_Tabs = _sfc_main$3$1;
  const _component_TabsList = _sfc_main$1$1;
  const _component_TabsContent = _sfc_main$2$1;
  _push(ssrRenderComponent(_component_Tabs, mergeProps({
    "default-value": "skeleton",
    class: "w-full"
  }, _attrs), {
    default: withCtx((_, _push2, _parent2, _scopeId) => {
      if (_push2) {
        _push2(ssrRenderComponent(_component_TabsList, { class: "mx-auto mb-8 flex items-center justify-center gap-[24px] bg-transparent sm:gap-[48px]" }, {
          default: withCtx((_2, _push3, _parent3, _scopeId2) => {
            if (_push3) {
              _push3(`<!--[-->`);
              ssrRenderList(4, (n) => {
                _push3(`<div class="h-[56px] w-[56px] animate-pulse rounded-full bg-gray-200 dark:bg-gray-700"${_scopeId2}></div>`);
              });
              _push3(`<!--]-->`);
            } else {
              return [
                (openBlock(), createBlock(Fragment, null, renderList(4, (n) => {
                  return createVNode("div", {
                    key: "tab-skeleton-" + n,
                    class: "h-[56px] w-[56px] animate-pulse rounded-full bg-gray-200 dark:bg-gray-700"
                  });
                }), 64))
              ];
            }
          }),
          _: 1
        }, _parent2, _scopeId));
        _push2(ssrRenderComponent(_component_TabsContent, {
          value: "skeleton",
          class: "mx-auto w-full overflow-hidden xl:w-auto xl:max-w-[1190px]"
        }, {
          default: withCtx((_2, _push3, _parent3, _scopeId2) => {
            if (_push3) {
              _push3(`<div class="bg-surface-background border-surface-border grid h-full min-h-[630px] w-full gap-[16px] rounded-[2rem] border p-[16px] lg:grid-cols-2"${_scopeId2}><!--[-->`);
              ssrRenderList(4, (n) => {
                _push3(`<div class="h-[180px] w-full animate-pulse rounded-[16px] bg-gray-200 lg:h-[290px] dark:bg-gray-700"${_scopeId2}></div>`);
              });
              _push3(`<!--]--></div>`);
            } else {
              return [
                createVNode("div", { class: "bg-surface-background border-surface-border grid h-full min-h-[630px] w-full gap-[16px] rounded-[2rem] border p-[16px] lg:grid-cols-2" }, [
                  (openBlock(), createBlock(Fragment, null, renderList(4, (n) => {
                    return createVNode("div", {
                      key: "grid-skeleton-" + n,
                      class: "h-[180px] w-full animate-pulse rounded-[16px] bg-gray-200 lg:h-[290px] dark:bg-gray-700"
                    });
                  }), 64))
                ])
              ];
            }
          }),
          _: 1
        }, _parent2, _scopeId));
      } else {
        return [
          createVNode(_component_TabsList, { class: "mx-auto mb-8 flex items-center justify-center gap-[24px] bg-transparent sm:gap-[48px]" }, {
            default: withCtx(() => [
              (openBlock(), createBlock(Fragment, null, renderList(4, (n) => {
                return createVNode("div", {
                  key: "tab-skeleton-" + n,
                  class: "h-[56px] w-[56px] animate-pulse rounded-full bg-gray-200 dark:bg-gray-700"
                });
              }), 64))
            ]),
            _: 1
          }),
          createVNode(_component_TabsContent, {
            value: "skeleton",
            class: "mx-auto w-full overflow-hidden xl:w-auto xl:max-w-[1190px]"
          }, {
            default: withCtx(() => [
              createVNode("div", { class: "bg-surface-background border-surface-border grid h-full min-h-[630px] w-full gap-[16px] rounded-[2rem] border p-[16px] lg:grid-cols-2" }, [
                (openBlock(), createBlock(Fragment, null, renderList(4, (n) => {
                  return createVNode("div", {
                    key: "grid-skeleton-" + n,
                    class: "h-[180px] w-full animate-pulse rounded-[16px] bg-gray-200 lg:h-[290px] dark:bg-gray-700"
                  });
                }), 64))
              ])
            ]),
            _: 1
          })
        ];
      }
    }),
    _: 1
  }, _parent));
}
const _sfc_setup$1 = _sfc_main$1.setup;
_sfc_main$1.setup = (props, ctx) => {
  const ssrContext = useSSRContext();
  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("components/skeletons/SocialMediaStaticsSkeleton.vue");
  return _sfc_setup$1 ? _sfc_setup$1(props, ctx) : void 0;
};
const __nuxt_component_1 = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["ssrRender", _sfc_ssrRender]]);
const _sfc_main = /* @__PURE__ */ defineComponent({
  __name: "SocialMediaStatics",
  __ssrInlineRender: true,
  setup(__props) {
    const tabsQuery = useMarketingStaticsQuery();
    const tabs = computed(() => tabsQuery.data.value || []);
    const isPending = computed(() => tabsQuery.isPending.value);
    return (_ctx, _push, _parent, _attrs) => {
      const _component_SectionHeadline = _sfc_main$2;
      const _component_SkeletonsSocialMediaStaticsSkeleton = __nuxt_component_1;
      const _component_SocialStatus = __nuxt_component_2;
      const _component_EmptyState = _sfc_main$3;
      _push(`<section${ssrRenderAttrs(mergeProps({ class: "social-media py-section bg-gradient-even" }, _attrs))}><div class="container mx-auto px-4">`);
      _push(ssrRenderComponent(_component_SectionHeadline, {
        title: _ctx.$t("socialMedia.statusTitle")
      }, null, _parent));
      if (unref(isPending)) {
        _push(ssrRenderComponent(_component_SkeletonsSocialMediaStaticsSkeleton, null, null, _parent));
      } else if (unref(tabsQuery).data.value && unref(tabs).length > 0 && !unref(isPending)) {
        _push(ssrRenderComponent(_component_SocialStatus, { tabs: unref(tabs) }, null, _parent));
      } else {
        _push(`<!---->`);
      }
      if (unref(tabs).length === 0) {
        _push(`<div>`);
        _push(ssrRenderComponent(_component_EmptyState, { size: "100%" }, null, _parent));
        _push(`</div>`);
      } else {
        _push(`<!---->`);
      }
      _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/SocialMediaStatics.vue");
  return _sfc_setup ? _sfc_setup(props, ctx) : void 0;
};

export { _sfc_main as default };
//# sourceMappingURL=SocialMediaStatics-B06ht_ul.mjs.map
