import { openBlock as o, createBlock as r, withCtx as s, withDirectives as c, createBaseVNode as i, createVNode as u, TransitionGroup as f, createElementBlock as a, createCommentVNode as n, normalizeStyle as p, renderSlot as m, vShow as b, Transition as y, pushScopeId as k, popScopeId as v } from "./composables-078fa750.js";
import { _export_sfc as _ } from "./_plugin-vue_export-helper-6a641814.js";
const h = (e) => (k("data-v-84b63989"), e = e(), v(), e), B = { class: "fixed w-full h-full top-0 left-0 z-500 flex flex-col items-end" }, S = /* @__PURE__ */ h(() => /* @__PURE__ */ i("div", { class: "i-la-times" }, null, -1)), g = [
  S
], w = {
  __name: "UiPanel",
  props: {
    open: { type: Boolean, default: !1 },
    offset: { type: String, default: "" },
    closeButton: { type: Boolean, default: !0 },
    back: { type: Boolean, default: !0 }
  },
  emits: ["close"],
  setup(e, { emit: x }) {
    return (l, t) => (o(), r(y, { name: "fade" }, {
      default: s(() => [
        c(i("div", B, [
          u(f, { name: "slide" }, {
            default: s(() => [
              e.open && e.back ? (o(), a("div", {
                class: "bg-dark-200 bg-opacity-30 w-full h-full absolute z-2 cursor-pointer backdrop-filter backdrop-blur-sm",
                key: "bg",
                onClick: t[0] || (t[0] = (d) => l.$emit("close"))
              })) : n("", !0),
              e.open ? (o(), a("div", {
                class: "layer mr-2",
                key: "layer",
                style: p({ top: e.offset || "8vh" })
              }, [
                e.closeButton ? (o(), a("button", {
                  key: 0,
                  class: "button fixed right-4 top-4",
                  onClick: t[1] || (t[1] = (d) => l.$emit("close"))
                }, g)) : n("", !0),
                m(l.$slots, "default", {}, void 0, !0)
              ], 4)) : n("", !0)
            ]),
            _: 3
          })
        ], 512), [
          [b, e.open]
        ])
      ]),
      _: 3
    }));
  }
}, I = /* @__PURE__ */ _(w, [["__scopeId", "data-v-84b63989"]]);
export {
  I as default
};
//# sourceMappingURL=UiPanel-c8138753.js.map
