import _sfc_main$2 from './SectionHeadline-0zkilFRp.mjs';
import { f as __nuxt_component_0, a as _export_sfc, g as _sfc_main$d } from './server.mjs';
import { defineComponent, mergeProps, unref, withCtx, createVNode, useSSRContext } from 'vue';
import { ssrRenderAttrs, ssrRenderComponent, ssrRenderList } from 'vue/server-renderer';
import { u as useGlobalClientsQuery } from './clients-C7idLUOa.mjs';
import _sfc_main$3 from './EmptyState-CWK2sm1Q.mjs';
import { u as useColorMode } from './composables-DdquGXk6.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 './useApi-Dv-cyvzn.mjs';
import 'axios';
import 'vue-sonner';

const _sfc_main$1 = {};
function _sfc_ssrRender(_ctx, _push, _parent, _attrs) {
  _push(`<svg${ssrRenderAttrs(mergeProps({
    xmlns: "http://www.w3.org/2000/svg",
    width: "120",
    height: "120",
    viewBox: "0 0 120 120",
    fill: "none"
  }, _attrs))}><circle cx="60" cy="60" r="60" fill="url(#paint0_linear_1197_30177)" fill-opacity="0.2"></circle><defs><linearGradient id="paint0_linear_1197_30177" x1="0" y1="60" x2="120" y2="60" gradientUnits="userSpaceOnUse"><stop stop-color="#00BED7"></stop><stop offset="1" stop-color="#C853EF"></stop></linearGradient></defs></svg>`);
}
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/svg/ClientsBg.vue");
  return _sfc_setup$1 ? _sfc_setup$1(props, ctx) : void 0;
};
const __nuxt_component_2 = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["ssrRender", _sfc_ssrRender]]);
const _sfc_main = /* @__PURE__ */ defineComponent({
  __name: "Clients",
  __ssrInlineRender: true,
  setup(__props) {
    const { state: clientsData } = useGlobalClientsQuery();
    useColorMode();
    return (_ctx, _push, _parent, _attrs) => {
      var _a, _b;
      const _component_SectionHeadline = _sfc_main$2;
      const _component_NuxtLinkLocale = __nuxt_component_0;
      const _component_SvgClientsBg = __nuxt_component_2;
      const _component_NuxtImg = _sfc_main$d;
      _push(`<section${ssrRenderAttrs(mergeProps({ class: "clients bg-gradient-even py-section" }, _attrs))}><div class="container mx-auto px-4">`);
      _push(ssrRenderComponent(_component_SectionHeadline, {
        title: _ctx.$t("clients.title")
      }, null, _parent));
      if (unref(clientsData).status === "error" || ((_b = (_a = unref(clientsData)) == null ? void 0 : _a.data) == null ? void 0 : _b.length) === 0) {
        _push(`<div class="container mx-auto flex items-center justify-center">`);
        _push(ssrRenderComponent(_sfc_main$3, null, null, _parent));
        _push(`</div>`);
      } else {
        _push(`<div class="grid auto-cols-auto grid-cols-2 gap-y-[80px] md:grid-cols-3 lg:grid-cols-4 xl:grid-cols-6"><!--[-->`);
        ssrRenderList(unref(clientsData).data, (client) => {
          _push(`<div class="bg-gradient-default xs:hover:scale-150 relative mx-auto grid h-[120px] w-[120px] place-items-center !rounded-full transition-transform"><div class="bg-gradient-default absolute right-0 bottom-0 h-[9.6px] w-[9.6px] rounded-full"></div><div class="bg-gradient-default absolute top-0 left-0 h-[9.6px] w-[9.6px] rounded-full"></div>`);
          _push(ssrRenderComponent(_component_NuxtLinkLocale, {
            to: `/our-projects/${client.slug}`
          }, {
            default: withCtx((_, _push2, _parent2, _scopeId) => {
              if (_push2) {
                _push2(ssrRenderComponent(_component_SvgClientsBg, { class: "opacity-[0.07]" }, null, _parent2, _scopeId));
                _push2(ssrRenderComponent(_component_NuxtImg, {
                  src: client.colored_logo,
                  class: "absolute top-[50%] left-[50%] max-h-[70%] w-[80px] -translate-x-1/2 -translate-y-1/2 object-contain",
                  alt: client.title
                }, null, _parent2, _scopeId));
              } else {
                return [
                  createVNode(_component_SvgClientsBg, { class: "opacity-[0.07]" }),
                  createVNode(_component_NuxtImg, {
                    src: client.colored_logo,
                    class: "absolute top-[50%] left-[50%] max-h-[70%] w-[80px] -translate-x-1/2 -translate-y-1/2 object-contain",
                    alt: client.title
                  }, null, 8, ["src", "alt"])
                ];
              }
            }),
            _: 2
          }, _parent));
          _push(`</div>`);
        });
        _push(`<!--]--></div>`);
      }
      _push(`</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/about/Clients.vue");
  return _sfc_setup ? _sfc_setup(props, ctx) : void 0;
};

export { _sfc_main as default };
//# sourceMappingURL=Clients-CqXDRvaa.mjs.map
