import { defineComponent as i, useSlots as f, openBlock as a, createElementBlock as r, unref as s, normalizeClass as n, createElementVNode as l, renderSlot as o, createCommentVNode as p } from "vue";
const u = {
  class: "stash-card relative inline-block rounded border bg-white shadow-md",
  "data-test": "stash-card"
}, b = /* @__PURE__ */ i({
  __name: "Card",
  props: {
    detachActions: { type: Boolean, default: !1 }
  },
  setup(d) {
    const c = d, e = f();
    return (t, m) => (a(), r("article", u, [
      s(e)["top-left"] || s(e)["top-right"] ? (a(), r("div", {
        key: 0,
        "data-test": "card-actions",
        class: n([{ "absolute top-0 w-full": c.detachActions }, "flex flex-wrap items-start justify-between p-6"])
      }, [
        l("div", null, [
          o(t.$slots, "top-left")
        ]),
        l("div", null, [
          o(t.$slots, "top-right")
        ])
      ], 2)) : p("", !0),
      l("div", {
        class: n({ "mb-6 flex h-full flex-col gap-y-6": s(e).default })
      }, [
        o(t.$slots, "default")
      ], 2)
    ]));
  }
});
export {
  b as default
};
//# sourceMappingURL=Card.js.map
