import { defineComponent, ref, mergeProps, unref, useSSRContext } from "vue";
import { ssrRenderAttrs, ssrInterpolate, ssrRenderAttr } from "vue/server-renderer";
import { d as useWindowScroll } from "./index-Cce4iXMN.js";
const _sfc_main = /* @__PURE__ */ defineComponent({
  __name: "GetStarted",
  __ssrInlineRender: true,
  setup(__props) {
    let isScrolled = ref();
    const { y } = useWindowScroll();
    const bottomOffset = ref("1rem");
    return (_ctx, _push, _parent, _attrs) => {
      _push(`<div${ssrRenderAttrs(mergeProps({
        class: [
          "ws-gradient-border-animated fixed bottom-0 left-1/2 z-40 flex h-[60px] w-[300px] -translate-x-1/2 items-center justify-center transition-all duration-500 ease-in-out sm:w-[330px] rtl:w-[280px]",
          unref(isScrolled) ? "translate-y-0 opacity-100" : "translate-y-full opacity-0"
        ],
        style: { bottom: unref(bottomOffset) }
      }, _attrs))}><div class="container mx-auto flex items-center justify-center gap-3 px-4 text-sm sm:gap-4 sm:text-base"><p>${ssrInterpolate(_ctx.$t("getStarted.text"))}</p><button${ssrRenderAttr("aria-label", _ctx.$t("ariaLabels.getStartedBtn"))} class="bg-accent text-foreground w-fit cursor-pointer rounded-full px-4 py-2 text-sm sm:text-base">${ssrInterpolate(_ctx.$t("getStarted.button"))}</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("components/campaign/GetStarted.vue");
  return _sfc_setup ? _sfc_setup(props, ctx) : void 0;
};
export {
  _sfc_main as _
};
//# sourceMappingURL=GetStarted-Mgb1jr3W.js.map
