import { a as _export_sfc, d as useI18n, _ as __nuxt_component_0$1 } from './server.mjs';
import { a as __nuxt_component_1$1, _ as __nuxt_component_2 } from './GradientFullArrowRight-B3gaunpf.mjs';
import { defineComponent, ref, computed, mergeProps, unref, useSSRContext } from 'vue';
import { ssrRenderAttrs, ssrRenderComponent, ssrRenderAttr, ssrRenderList, ssrRenderClass } from 'vue/server-renderer';
import { u as useSwiper } from './useSwiper.client-B39wiisS.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';

const _sfc_main = /* @__PURE__ */ defineComponent({
  __name: "SocialSliderWithControls",
  __ssrInlineRender: true,
  props: {
    posts: {},
    isPending: { type: Boolean }
  },
  setup(__props) {
    const swiperRef = ref(null);
    const currentSlide = ref(0);
    const { locale } = useI18n();
    computed(() => locale.value === "ar" ? "rtl" : "ltr");
    useSwiper(swiperRef, {});
    return (_ctx, _push, _parent, _attrs) => {
      const _component_ClientOnly = __nuxt_component_0$1;
      const _component_SvgGradientFullArrowRight = __nuxt_component_1$1;
      const _component_SvgGradientFullArrowLeft = __nuxt_component_2;
      _push(`<div${ssrRenderAttrs(mergeProps({ class: "relative" }, _attrs))} data-v-153f4a3e>`);
      if (_ctx.posts.length > 0) {
        _push(`<div class="min-h-[1696.380px] md:min-h-[558.5px] 2xl:min-h-[682.234px]" data-v-153f4a3e>`);
        _push(ssrRenderComponent(_component_ClientOnly, null, {}, _parent));
        _push(`</div>`);
      } else {
        _push(`<!---->`);
      }
      _push(`<div class="mt-6 flex items-center justify-center gap-6" data-v-153f4a3e><button${ssrRenderAttr("aria-label", _ctx.$t("ariaLabels.prevBtn"))} class="prev-button-latest-models bg-surface-background border-surface-border rounded-ws-rounded flex-shrink-0 cursor-pointer border p-3" data-v-153f4a3e>`);
      _push(ssrRenderComponent(_component_SvgGradientFullArrowRight, { class: "ltr:scale-x-[-1] rtl:scale-x-[1]" }, null, _parent));
      _push(`</button><div class="custom-pagination-container" data-v-153f4a3e><!--[-->`);
      ssrRenderList(_ctx.posts, (post, index) => {
        _push(`<div class="${ssrRenderClass([{ active: unref(currentSlide) === index }, "pagination-dot"])}" data-v-153f4a3e></div>`);
      });
      _push(`<!--]--></div><button${ssrRenderAttr("aria-label", _ctx.$t("ariaLabels.nextBtn"))} class="next-button-latest-models bg-surface-background border-surface-border rounded-ws-rounded flex-shrink-0 cursor-pointer border p-3" data-v-153f4a3e>`);
      _push(ssrRenderComponent(_component_SvgGradientFullArrowLeft, { class: "ltr:scale-x-[-1] rtl:scale-x-[1]" }, null, _parent));
      _push(`</button></div></div>`);
    };
  }
});
const _sfc_setup = _sfc_main.setup;
_sfc_main.setup = (props, ctx) => {
  const ssrContext = useSSRContext();
  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("components/global/SocialSliderWithControls.vue");
  return _sfc_setup ? _sfc_setup(props, ctx) : void 0;
};
const __nuxt_component_1 = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-153f4a3e"]]);

export { __nuxt_component_1 as default };
//# sourceMappingURL=SocialSliderWithControls-2I3NCkag.mjs.map
