import _sfc_main$3 from "./SectionHeadline-0zkilFRp.js";
import __nuxt_component_1$2 from "./HorizontalTabsWithContent-BjNCIRTE.js";
import { defineComponent, unref, mergeProps, useSSRContext, computed } from "vue";
import { ssrRenderComponent, ssrRenderAttrs, ssrInterpolate } from "vue/server-renderer";
import { u as useSpecificFeaturedProjects, a as useFeaturedProjects } from "./featuredProjects-mqGdBkCO.js";
import __nuxt_component_1 from "./StackedProductsCarouselMobile-DKe-POM2.js";
import __nuxt_component_1$1 from "./StackedProductsCarousel-4aoLqnSs.js";
import "./TabsTrigger-Dzpk3vN1.js";
import "reka-ui";
import "./utils-H80jjgLf.js";
import "clsx";
import "tailwind-merge";
import "./index-B_IDLhd1.js";
import "../server.mjs";
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";
import "./ArrowLeftIcon-Dfw2cv7V.js";
import "./EmptyState-CWK2sm1Q.js";
import "./index-Cce4iXMN.js";
import "./useApi-Dv-cyvzn.js";
import "axios";
import "vue-sonner";
import "./GradientArrowLeftIcon-C3AVRIT6.js";
import "./ArrowDownIcon-Bp8y2Jec.js";
const _sfc_main$2 = /* @__PURE__ */ defineComponent({
  __name: "MobileSliderSection",
  __ssrInlineRender: true,
  props: {
    servicesId: {}
  },
  setup(__props) {
    const { data: projects, isPending } = useSpecificFeaturedProjects(
      __props.servicesId.toString()
    );
    return (_ctx, _push, _parent, _attrs) => {
      const _component_StackedProductsCarouselMobile = __nuxt_component_1;
      if (!unref(isPending) && unref(projects)) {
        _push(ssrRenderComponent(_component_StackedProductsCarouselMobile, mergeProps({
          projects: unref(projects).projects
        }, _attrs), null, _parent));
      } else {
        _push(`<div${ssrRenderAttrs(mergeProps({ class: "bg-muted-foreground/10 h-[400px] w-full animate-pulse rounded-xl" }, _attrs))}></div>`);
      }
    };
  }
});
const _sfc_setup$2 = _sfc_main$2.setup;
_sfc_main$2.setup = (props, ctx) => {
  const ssrContext = useSSRContext();
  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("components/home/MobileSliderSection.vue");
  return _sfc_setup$2 ? _sfc_setup$2(props, ctx) : void 0;
};
const _sfc_main$1 = /* @__PURE__ */ defineComponent({
  __name: "WebSliderSection",
  __ssrInlineRender: true,
  props: {
    servicesId: {}
  },
  setup(__props) {
    const { data: projects, isPending } = useSpecificFeaturedProjects(
      __props.servicesId.toString()
    );
    return (_ctx, _push, _parent, _attrs) => {
      const _component_StackedProductsCarousel = __nuxt_component_1$1;
      if (!unref(isPending) && unref(projects)) {
        _push(ssrRenderComponent(_component_StackedProductsCarousel, mergeProps({
          projects: unref(projects).projects
        }, _attrs), null, _parent));
      } else {
        _push(`<div${ssrRenderAttrs(mergeProps({ class: "bg-surface-background h-[400px] w-full animate-pulse rounded-xl" }, _attrs))}></div>`);
      }
    };
  }
});
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/home/WebSliderSection.vue");
  return _sfc_setup$1 ? _sfc_setup$1(props, ctx) : void 0;
};
const _sfc_main = /* @__PURE__ */ defineComponent({
  __name: "ProjectsHighlights",
  __ssrInlineRender: true,
  props: {
    backgroundEven: {
      type: Boolean,
      default: true
    }
  },
  setup(__props) {
    const { data: projects } = useFeaturedProjects();
    const tabsData = computed(() => {
      var _a;
      return ((_a = projects.value) == null ? void 0 : _a.services.map((service) => ({
        value: service.key,
        title: service.title,
        component: service.type === "web-development" ? _sfc_main$1 : _sfc_main$2,
        props: {
          servicesId: service.id
        }
      })).reverse()) ?? [];
    });
    return (_ctx, _push, _parent, _attrs) => {
      const _component_SectionHeadline = _sfc_main$3;
      const _component_HorizontalTabsWithContent = __nuxt_component_1$2;
      _push(`<section${ssrRenderAttrs(mergeProps({
        id: "projects-highlights",
        class: [__props.backgroundEven ? "bg-gradient-even" : "bg-gradient-odd", "py-section overflow-x-clip"]
      }, _attrs))}><div class="container mx-auto px-4">`);
      _push(ssrRenderComponent(_component_SectionHeadline, {
        title: _ctx.$t("projectsHighlight.title")
      }, null, _parent));
      _push(`<p class="pb-[2rem] text-center">${ssrInterpolate(_ctx.$t("projectsHighlight.description"))}</p></div>`);
      _push(ssrRenderComponent(_component_HorizontalTabsWithContent, {
        "tabs-data": unref(tabsData),
        "hydrate-on-visible": ""
      }, null, _parent));
      _push(`</section>`);
    };
  }
});
const _sfc_setup = _sfc_main.setup;
_sfc_main.setup = (props, ctx) => {
  const ssrContext = useSSRContext();
  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("components/home/ProjectsHighlights.vue");
  return _sfc_setup ? _sfc_setup(props, ctx) : void 0;
};
export {
  _sfc_main as default
};
//# sourceMappingURL=ProjectsHighlights-BjuyLQkT.js.map
