import { defineComponent, mergeProps, useSSRContext } from 'vue';
import { ssrRenderAttrs, ssrRenderStyle } from 'vue/server-renderer';
import { a as _export_sfc } from './server.mjs';

const _sfc_main$1 = {};
function _sfc_ssrRender(_ctx, _push, _parent, _attrs) {
  _push(`<div${ssrRenderAttrs(mergeProps({ class: "pointer-events-none absolute inset-0 z-0" }, _attrs))} data-v-dfa3f898><div class="stars-theme-light absolute inset-0 dark:hidden" data-v-dfa3f898><div class="stars-layer stars-layer--far" aria-hidden="true" data-v-dfa3f898></div><div class="stars-layer stars-layer--mid" aria-hidden="true" data-v-dfa3f898></div><div class="stars-layer stars-layer--near" aria-hidden="true" data-v-dfa3f898></div></div><div class="stars-theme-dark absolute inset-0 hidden dark:block" data-v-dfa3f898><div class="stars-layer stars-layer--far" aria-hidden="true" data-v-dfa3f898></div><div class="stars-layer stars-layer--mid" aria-hidden="true" data-v-dfa3f898></div><div class="stars-layer stars-layer--near" aria-hidden="true" data-v-dfa3f898></div></div></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/HeroBackroundStars.vue");
  return _sfc_setup$1 ? _sfc_setup$1(props, ctx) : void 0;
};
const __nuxt_component_0 = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["ssrRender", _sfc_ssrRender], ["__scopeId", "data-v-dfa3f898"]]);
const _sfc_main = /* @__PURE__ */ defineComponent({
  __name: "HeroBackgroundGrid",
  __ssrInlineRender: true,
  props: {
    position: { default: "top" },
    flip: { type: Boolean, default: void 0 }
  },
  setup(__props) {
    const props = __props;
    return (_ctx, _push, _parent, _attrs) => {
      var _a;
      _push(`<div${ssrRenderAttrs(mergeProps({
        class: ["hero-grid px-4", props.position === "bottom" ? "is-bottom" : "is-top"],
        style: ((_a = props.flip) != null ? _a : props.position === "bottom") ? "transform: scaleY(-1);" : "",
        "aria-hidden": "true"
      }, _attrs))} data-v-e151ceb4><div class="hero-grid-top container mx-auto" data-v-e151ceb4><div class="pointer-events-none absolute inset-0 z-0 bg-black [mask-image:url(&#39;/images/home-hero-assets/hero-background-grid.png&#39;)] [mask-size:100%_auto] [mask-position:center_top] [mask-repeat:no-repeat] dark:hidden" data-v-e151ceb4></div><div class="pointer-events-none absolute inset-0 z-0 hidden bg-[url(&#39;/images/home-hero-assets/hero-background-grid.png&#39;)] bg-[length:100%_auto] bg-[position:center_top] bg-no-repeat dark:block" data-v-e151ceb4></div><div class="lazy-background-image lazy-background-image-maskImage lazy-background-image-loaded hero-grid-top-animation" style="${ssrRenderStyle({ "--background-image": 'url("/images/home-hero-assets/hero-background-grid-mask.png")' })}" data-v-e151ceb4><div data-v-e151ceb4></div></div></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/home/HeroBackgroundGrid.vue");
  return _sfc_setup ? _sfc_setup(props, ctx) : void 0;
};
const __nuxt_component_1 = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-e151ceb4"]]);

export { __nuxt_component_0 as _, __nuxt_component_1 as a };
//# sourceMappingURL=HeroBackgroundGrid-D5QMijM1.mjs.map
