import { defineComponent as u, useCssModule as h, useSlots as g, computed as f, openBlock as s, createElementBlock as t, normalizeClass as c, unref as o, createElementVNode as p, renderSlot as a, createCommentVNode as i, toDisplayString as m } from "vue";
import { _ as y } from "./_plugin-vue_export-helper-CHgC5LLL.js";
const v = { class: "col-span-full flex items-center lg:col-span-1" }, k = {
  key: 0,
  class: "stash-page-header__title my-0"
}, $ = {
  key: 0,
  class: "stash-page-header__description mb-0 mt-1.5"
}, C = /* @__PURE__ */ u({
  name: "ll-page-header",
  __name: "PageHeader",
  props: {
    title: { default: void 0 },
    description: { default: void 0 }
  },
  setup(_) {
    const r = _, l = h(), n = g(), d = f(() => !!(n["primary-action"] || n["secondary-action"]));
    return (e, D) => (s(), t("header", {
      class: c(["stash-page-header", [o(l).root, { [o(l).grid]: d.value }]]),
      "data-test": "stash-page-header"
    }, [
      p("div", v, [
        o(n).media ? (s(), t("div", {
          key: 0,
          class: c(["stash-page-header__media mr-3 self-center", o(l).mediaTest])
        }, [
          a(e.$slots, "media")
        ], 2)) : i("", !0),
        p("div", null, [
          a(e.$slots, "title", {}, () => [
            r.title ? (s(), t("h1", k, m(r.title), 1)) : i("", !0)
          ]),
          a(e.$slots, "description", {}, () => [
            r.description ? (s(), t("p", $, m(r.description), 1)) : i("", !0)
          ])
        ])
      ]),
      d.value ? (s(), t("div", {
        key: 0,
        class: c(["stash-page-header__actions col-span-full flex lg:col-span-1", o(l).actions])
      }, [
        a(e.$slots, "secondary-action"),
        a(e.$slots, "primary-action")
      ], 2)) : i("", !0)
    ], 2));
  }
}), M = "_root_Q4uP4", P = "_grid_39ljq", S = "_actions_eGmfu", A = {
  root: M,
  grid: P,
  actions: S,
  "media-test": "_media-test_De9A8"
}, B = {
  $style: A
}, N = /* @__PURE__ */ y(C, [["__cssModules", B]]);
export {
  N as default
};
//# sourceMappingURL=PageHeader.js.map
