import { d as useI18n, _ as __nuxt_component_0, a as _export_sfc } from "../server.mjs";
import { a as __nuxt_component_1$1, _ as __nuxt_component_2 } from "./GradientFullArrowRight-B3gaunpf.js";
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.js";
import "ofetch";
import "#internal/nuxt/paths";
import "D:/marwa/front/webstdy-v2-frontend/node_modules/hookable/dist/index.mjs";
import "D:/marwa/front/webstdy-v2-frontend/node_modules/unctx/dist/index.mjs";
import "D:/marwa/front/webstdy-v2-frontend/node_modules/h3/dist/index.mjs";
import "pinia";
import "D:/marwa/front/webstdy-v2-frontend/node_modules/defu/dist/defu.mjs";
import "@pinia/colada";
import "D:/marwa/front/webstdy-v2-frontend/node_modules/klona/dist/index.mjs";
import "vue-router";
import "D:/marwa/front/webstdy-v2-frontend/node_modules/radix3/dist/index.mjs";
import "D:/marwa/front/webstdy-v2-frontend/node_modules/cookie-es/dist/index.mjs";
import "D:/marwa/front/webstdy-v2-frontend/node_modules/destr/dist/index.mjs";
import "D:/marwa/front/webstdy-v2-frontend/node_modules/ohash/dist/index.mjs";
import "D:/marwa/front/webstdy-v2-frontend/node_modules/@unhead/vue/dist/index.mjs";
import "@vue/devtools-api";
import "@unhead/schema-org/vue";
import "scule";
import "deep-pick-omit";
import "@iconify/vue";
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;
      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.js.map
