import { ssrRenderAttrs, ssrInterpolate, ssrRenderStyle, ssrRenderList, ssrRenderAttr, ssrRenderClass } from "vue/server-renderer";
import { useSSRContext } from "vue";
import { _ as _export_sfc } from "../entries/pages.mjs";
/*! src/components/Testimonials.vue [vike:pluginModuleBanner] */
const _sfc_main = {
  props: ["customersOpinions", "customerOpinionDesc"],
  data() {
    return {
      currentSlide: 0
    };
  },
  methods: {
    changeSlide(direction) {
      if (direction === "next") {
        this.currentSlide = (this.currentSlide + 1) % this.customersOpinions.length;
      } else {
        this.currentSlide = (this.currentSlide - 1 + this.customersOpinions.length) % this.customersOpinions.length;
      }
    }
  }
};
function _sfc_ssrRender(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
  _push(`<div${ssrRenderAttrs(_attrs)}><p class="text-center font-bold md:text-4xl text-3xl text-liberty-blue">${ssrInterpolate(_ctx.$t("What our clients say"))}</p><p class="text-center sm:my-10 my-6 md:text-xl text-rainmaker">${$props.customerOpinionDesc[`title_${_ctx.$i18n.locale}`] ?? ""}</p><div class="flex items-center md:gap-4 gap-1"><button class="flex items-center justify-center rounded-full sm:w-10 sm:h-10 w-8 h-8 shrink-0 border border-solid border-[#E1E4ED]" style="${ssrRenderStyle({ "box-shadow": "0px 2px 2px 0px #0000000A" })}"><p class="material-symbols-outlined text-[#171717] sm:text-2xl text-xl">${ssrInterpolate(_ctx.$i18n.locale === "en" ? "arrow_left_alt" : "arrow_right_alt")}</p></button><div class="overflow-hidden"><div class="flex transition-transform duration-700 ease-in-out" style="${ssrRenderStyle(`${_ctx.$i18n.locale === "en" ? `transform: translateX(-${$data.currentSlide * 100}%)` : `transform: translateX(${$data.currentSlide * 100}%)`}`)}"><!--[-->`);
  ssrRenderList($props.customersOpinions, (item, index) => {
    _push(`<div class="w-full shrink-0 px-1"><div class="flex lg:flex-row flex-col lg:items-center sm:gap-6 gap-4 sm:p-6 p-4 pb-0 border border-solid border-[#E1E4ED] rounded-lg" style="${ssrRenderStyle({ "box-shadow": "0px 1px 4px 0px #19213D14" })}"><div class="md:w-1/3 sm:w-1/2 w-full m-auto rounded-tl-xl rounded-tr-xl overflow-hidden"><img class="w-full"${ssrRenderAttr("src", item.image)}${ssrRenderAttr("alt", item[`name_${_ctx.$i18n.locale}`])}></div><div class="lg:w-2/3 w-full md:pb-6 pb-4"><div class="flex"><!--[-->`);
    ssrRenderList(5, (star, starIndex) => {
      _push(`<span class="${ssrRenderClass(`material-symbols-rounded fill ${starIndex < item.rate ? "text-[#CCCCCC]" : "text-night-sky"}`)}">kid_star</span>`);
    });
    _push(`<!--]--></div><p class="lg:mt-6 sm:mt-4 mt-2 text-legal-eagle md:text-base text-sm">${(item[`opinion_${_ctx.$i18n.locale}`] ? item[`opinion_${_ctx.$i18n.locale}`].replace(/\t/g, "    ").replace(/\r?\n/g, "<br>") : "") ?? ""}</p><p class="lg:mt-10 sm:mt-6 mt-4 md:text-lg sm:text-base text-sm text-legal-eagle font-semibold">${ssrInterpolate(item[`name_${_ctx.$i18n.locale}`])}</p></div></div></div>`);
  });
  _push(`<!--]--></div></div><button class="flex items-center justify-center rounded-full sm:w-10 sm:h-10 w-8 h-8 shrink-0 border border-solid border-[#E1E4ED]" style="${ssrRenderStyle({ "box-shadow": "0px 2px 2px 0px #0000000A" })}"><p class="material-symbols-outlined text-[#171717] sm:text-2xl text-xl">${ssrInterpolate(_ctx.$i18n.locale === "en" ? "arrow_right_alt" : "arrow_left_alt")}</p></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("src/components/Testimonials.vue");
  return _sfc_setup ? _sfc_setup(props, ctx) : void 0;
};
const Testimonials = /* @__PURE__ */ _export_sfc(_sfc_main, [["ssrRender", _sfc_ssrRender]]);
export {
  Testimonials as T
};
