import { defineComponent, mergeProps, useSSRContext } from 'vue';
import { ssrRenderAttrs, ssrRenderAttr, ssrInterpolate } from 'vue/server-renderer';

const _sfc_main = /* @__PURE__ */ defineComponent({
  __name: "HeaderImage",
  __ssrInlineRender: true,
  props: {
    title: {
      type: String,
      default: ""
    },
    img: {
      type: String,
      default: ""
    }
  },
  setup(__props) {
    return (_ctx, _push, _parent, _attrs) => {
      _push(`<div${ssrRenderAttrs(mergeProps({ class: "w-full relative" }, _attrs))}><div class="w-full min-w-full"><img class="w-full h-auto block"${ssrRenderAttr("src", __props.img)} alt=""></div><div class="absolute inset-0 flex items-center"><div class="layout w-full"><span class="animate__animated animate__backInRight block text-[24px] sm:text-[32px] md:text-[40px] lg:text-[48px] xl:text-[60px] text-[#0A357D]">${ssrInterpolate(__props.title)}</span></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/HeaderImage.vue");
  return _sfc_setup ? _sfc_setup(props, ctx) : void 0;
};
const __nuxt_component_0 = Object.assign(_sfc_main, { __name: "HeaderImage" });

export { __nuxt_component_0 as _ };
//# sourceMappingURL=HeaderImage-92nFA80c.mjs.map