import '@das-fed/upf-ui/packages/components/drawer/style.css';
import { withInstall as p } from "@das-fed/upf-utils/with-install/index";
import { defineComponent as u, ref as c, openBlock as m, createElementBlock as y, createVNode as _, unref as a, mergeProps as w, createSlots as $, withCtx as d, createElementVNode as h, normalizeStyle as k, renderSlot as l, normalizeProps as f, guardReactiveProps as i } from "vue";
import { ElDrawer as v } from "element-plus";
import "element-plus/es/components/drawer/style/css";
const S = { class: "das-ui-drawer" }, b = /* @__PURE__ */ u({
  __name: "Index",
  props: {
    title: {},
    bodyStyle: { type: [Boolean, null, String, Object, Array] }
  },
  setup(r, { expose: n }) {
    let t = r;
    const o = c(null);
    return n({
      $drawer: o
    }), (e, D) => (m(), y("div", S, [
      _(a(v), w({
        ref_key: "$drawer",
        ref: o,
        title: a(t).title
      }, e.$attrs), $({
        default: d(() => [
          h(
            "div",
            {
              class: "das-drawer__body",
              style: k(a(t).bodyStyle)
            },
            [
              l(e.$slots, "default", {}, void 0, !0)
            ],
            4
            /* STYLE */
          )
        ]),
        _: 2
        /* DYNAMIC */
      }, [
        e.$slots.header ? {
          name: "header",
          fn: d((s) => [
            l(e.$slots, "header", f(i(s)), void 0, !0)
          ]),
          key: "0"
        } : void 0,
        e.$slots.footer ? {
          name: "footer",
          fn: d((s) => [
            l(e.$slots, "footer", f(i(s)), void 0, !0)
          ]),
          key: "1"
        } : void 0
      ]), 1040, ["title"])
    ]));
  }
}), g = (r, n) => {
  const t = r.__vccOpts || r;
  for (const [o, e] of n)
    t[o] = e;
  return t;
}, B = /* @__PURE__ */ g(b, [["__scopeId", "data-v-903f0021"]]), C = p(B);
export {
  C as DasDrawer,
  C as default
};
