import _sfc_main$3 from './SectionHeadline-0zkilFRp.mjs';
import __nuxt_component_1 from './HorizontalTabsWithContent-BjNCIRTE.mjs';
import { defineComponent, computed, mergeProps, unref, useSSRContext } from 'vue';
import { ssrRenderAttrs, ssrRenderComponent, ssrInterpolate } from 'vue/server-renderer';
import { u as useFeaturedProjects, a as useSpecificFeaturedProjects } from './featuredProjects-mqGdBkCO.mjs';
import __nuxt_component_1$2 from './StackedProductsCarouselMobile-DKe-POM2.mjs';
import __nuxt_component_1$1 from './StackedProductsCarousel-4aoLqnSs.mjs';
import './TabsTrigger-Dzpk3vN1.mjs';
import 'reka-ui';
import './utils-H80jjgLf.mjs';
import 'clsx';
import 'tailwind-merge';
import './index-B_IDLhd1.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 './ArrowLeftIcon-Dfw2cv7V.mjs';
import './EmptyState-CWK2sm1Q.mjs';
import './index-Cce4iXMN.mjs';
import './useApi-Dv-cyvzn.mjs';
import 'axios';
import 'vue-sonner';
import './GradientArrowLeftIcon-C3AVRIT6.mjs';
import './ArrowDownIcon-Bp8y2Jec.mjs';

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$2;
      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 _a2;
      var _a;
      return (_a2 = (_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()) != null ? _a2 : [];
    });
    return (_ctx, _push, _parent, _attrs) => {
      const _component_SectionHeadline = _sfc_main$3;
      const _component_HorizontalTabsWithContent = __nuxt_component_1;
      _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.mjs.map
