import { openBlock as l, createBlock as i, Transition as r, withCtx as a, createElementBlock as d, createElementVNode as t, renderSlot as c, createCommentVNode as f } from "vue";
const u = {
  key: 0,
  class: "fixed w-full h-full flex items-start justify-center top-12vh left-0 z-200"
}, m = { class: "bg-light-100 dark-bg-dark-200 rounded-3xl flex flex-col z-202 text-center relative shadow-2xl overflow-hidden p-6 bottom-0 top-0 overflow-y-scroll max-h-70vh min-w-80" }, p = /* @__PURE__ */ t("div", { class: "i-la-times" }, null, -1), h = [
  p
], k = {
  __name: "UiModal",
  props: {
    open: { type: Boolean, default: !1 }
  },
  emits: ["close"],
  setup(s, { emit: v }) {
    return (o, e) => (l(), i(r, { name: "fade" }, {
      default: a(() => [
        s.open ? (l(), d("div", u, [
          t("div", {
            class: "bg-dark-200 bg-opacity-30 w-full h-full absolute z-2 cursor-pointer",
            onClick: e[0] || (e[0] = (n) => o.$emit("close"))
          }),
          t("div", m, [
            t("button", {
              class: "button absolute right-0 top-0",
              onClick: e[1] || (e[1] = (n) => o.$emit("close"))
            }, h),
            c(o.$slots, "default")
          ])
        ])) : f("", !0)
      ]),
      _: 3
    }));
  }
};
export {
  k as default
};
//# sourceMappingURL=UiModal-56e80be0.js.map
