import { a as _export_sfc, d as useI18n, g as _sfc_main$d } from './server.mjs';
import { defineComponent, computed, mergeProps, unref, useSSRContext } from 'vue';
import { ssrRenderAttrs, ssrInterpolate, ssrRenderClass, ssrRenderStyle, ssrRenderList, ssrRenderComponent } from 'vue/server-renderer';
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: "HeroClientsLogos",
  __ssrInlineRender: true,
  props: {
    clients: {}
  },
  setup(__props) {
    const { locale } = useI18n();
    const props = __props;
    const marqueeDirection = computed(() => {
      return locale.value === "ar" ? "marquee-rtl" : "marquee-ltr";
    });
    return (_ctx, _push, _parent, _attrs) => {
      const _component_NuxtImg = _sfc_main$d;
      _push(`<section${ssrRenderAttrs(mergeProps({
        id: "clients",
        class: "overflow-hidden pt-8",
        "aria-labelledby": "clients-heading"
      }, _attrs))} data-v-458f4a60><div class="sr-only" data-v-458f4a60><h2 id="clients-heading" data-v-458f4a60>${ssrInterpolate(_ctx.$t("homeHero.clientsTilte"))}</h2><p data-v-458f4a60>${ssrInterpolate(_ctx.$t("homeHero.clientsDesc"))}</p></div><div class="flex h-[4rem] items-center md:h-[5rem] lg:h-[6rem]" data-v-458f4a60><div class="container mx-auto px-4" data-v-458f4a60><div class="marquee-container" role="img" aria-label="Scrolling logos of our trusted client companies" data-v-458f4a60><div class="${ssrRenderClass([unref(marqueeDirection), "marquee-content"])}" style="${ssrRenderStyle({ "--logo-count": props.clients.length })}" data-v-458f4a60><!--[-->`);
      ssrRenderList(props.clients, (logo, index) => {
        _push(`<div class="logo-item" data-v-458f4a60>`);
        _push(ssrRenderComponent(_component_NuxtImg, {
          src: logo.logo,
          width: 126,
          height: 64,
          alt: logo.title,
          class: "h-16 w-auto object-contain opacity-60 transition-opacity duration-300 hover:opacity-100 dark:hidden"
        }, null, _parent));
        _push(ssrRenderComponent(_component_NuxtImg, {
          src: logo.dark_logo,
          width: 126,
          height: 64,
          alt: logo.title,
          class: "hidden h-16 w-auto object-contain opacity-60 transition-opacity duration-300 hover:opacity-100 dark:block"
        }, null, _parent));
        _push(`</div>`);
      });
      _push(`<!--]--><!--[-->`);
      ssrRenderList(props.clients, (logo, index) => {
        _push(`<div class="logo-item" aria-hidden="true" data-v-458f4a60>`);
        _push(ssrRenderComponent(_component_NuxtImg, {
          src: logo.logo,
          width: 126,
          height: 64,
          alt: logo.title,
          class: "h-16 w-auto object-contain opacity-60 transition-opacity duration-300 hover:opacity-100 dark:hidden"
        }, null, _parent));
        _push(ssrRenderComponent(_component_NuxtImg, {
          src: logo.dark_logo,
          width: 126,
          height: 64,
          alt: logo.title,
          class: "hidden h-16 w-auto object-contain opacity-60 transition-opacity duration-300 hover:opacity-100 dark:block"
        }, null, _parent));
        _push(`</div>`);
      });
      _push(`<!--]--></div></div></div></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/global/HeroClientsLogos.vue");
  return _sfc_setup ? _sfc_setup(props, ctx) : void 0;
};
const __nuxt_component_1 = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-458f4a60"]]);

export { __nuxt_component_1 as default };
//# sourceMappingURL=HeroClientsLogos-DH0O2b6I.mjs.map
