import { n } from './Backdrop-BEGlY-L5.mjs';
import { useSSRContext, mergeProps, withCtx, createVNode, toDisplayString, renderSlot } from 'vue';
import { ssrRenderComponent, ssrInterpolate, ssrRenderSlot } from 'vue/server-renderer';

const p = { __name: "Modal", __ssrInlineRender: true, props: { title: { type: String, required: false } }, setup: (t2) => (p2, c2, m, v) => {
  c2(ssrRenderComponent(n, mergeProps({ onClick: (e2) => p2.$emit("close"), onClose: (e2) => p2.$emit("close"), title: t2.title }, v), { default: withCtx((e2, i2, l2, a2) => {
    if (!i2) return [createVNode("div", { onClick: (e3) => e3.stopPropagation(), class: "p-6 bg-white md:w-[544px] w-[95%] relative overflow-hidden" }, [createVNode("h2", { class: "text-primary capitalize text-2xl text-center font-DMSerifDisplay italic mb-10 sm:text-4xl" }, toDisplayString(t2.title), 1), createVNode("div", { class: "relative z-10" }, [renderSlot(p2.$slots, "default")])], 8, ["onClick"])];
    i2(`<div class="p-6 bg-white md:w-[544px] w-[95%] relative overflow-hidden"${a2}><h2 class="text-primary capitalize text-2xl text-center font-DMSerifDisplay italic mb-10 sm:text-4xl"${a2}>${ssrInterpolate(t2.title)}</h2><div class="relative z-10"${a2}>`), ssrRenderSlot(p2.$slots, "default", {}, null, i2, l2, a2), i2("</div></div>");
  }), _: 3 }, m));
} }, c = p.setup;
p.setup = (e2, i2) => {
  const l2 = useSSRContext();
  return (l2.modules || (l2.modules = /* @__PURE__ */ new Set())).add("components/General/Modal.vue"), c ? c(e2, i2) : undefined;
};

export { p };
//# sourceMappingURL=Modal-CfKvzdGl.mjs.map
