import { defineComponent as f, useCssModule as p, useSlots as y, openBlock as s, createElementBlock as o, createBlock as _, createCommentVNode as i, createElementVNode as u, renderSlot as a, toDisplayString as n, normalizeClass as m, unref as r, createTextVNode as g } from "vue";
import { t as b } from "./locale.js";
import { _ as x } from "./Illustration.vue_vue_type_script_setup_true_lang-Bs1KwoBm.js";
import { _ as h } from "./_plugin-vue_export-helper-CHgC5LLL.js";
const v = {
  key: "empty",
  class: "stash-empty-state",
  "data-test": "stash-empty-state"
}, k = {
  key: 0,
  class: "flex flex-col items-center text-center md:flex-row md:text-left"
}, S = { class: "mb-1.5" }, $ = ["alt", "src"], z = /* @__PURE__ */ f({
  name: "ll-empty-state",
  __name: "EmptyState",
  props: {
    image: { default: () => ({
      alt: "",
      src: ""
    }) },
    text: { default: "" },
    title: { default: "" },
    subtitle: { default: "" },
    footnote: { default: "" },
    vignette: { default: void 0 },
    vignetteSize: { default: 300 }
  },
  setup(d) {
    const t = d, c = p(), e = y();
    return (l, M) => (s(), o("div", v, [
      t.title || e.title || t.subtitle || e.subtitle || t.vignette ? (s(), o("div", k, [
        t.vignette ? (s(), _(x, {
          key: 0,
          "data-test": "stash-empty-state|illustration",
          type: "vignette",
          class: "mx-3",
          name: t.vignette,
          size: t.vignetteSize
        }, null, 8, ["name", "size"])) : i("", !0),
        u("section", null, [
          a(l.$slots, "title", {}, () => [
            u("h3", S, n(t.title), 1)
          ]),
          a(l.$slots, "subtitle", {}, () => [
            t.subtitle || e.subtitle ? (s(), o("p", {
              key: 0,
              class: m({ "mb-8": e.button, "mb-0": !e.button })
            }, n(t.subtitle), 3)) : i("", !0)
          ]),
          a(l.$slots, "button"),
          a(l.$slots, "footnote", {}, () => [
            t.footnote ? (s(), o("p", {
              key: 0,
              class: m(["mb-0 text-xs", { "mt-3": e.button }])
            }, n(t.footnote), 3)) : i("", !0)
          ])
        ])
      ])) : (s(), o("div", {
        key: 1,
        class: m(["mx-auto my-0 flex items-center justify-center py-12", [r(c).root, { "text-center": !t.image.src && !e.image }]])
      }, [
        a(l.$slots, "image", {}, () => [
          t.image.src ? (s(), o("img", {
            key: 0,
            class: m(["mr-6", r(c).image]),
            alt: t.image.alt,
            src: t.image.src,
            "data-test": "stash-empty-state__img"
          }, null, 10, $)) : i("", !0)
        ]),
        g(" " + n(t.text || r(b)("ll.emptyState.noResults")), 1)
      ], 2))
    ]));
  }
}), C = "_root_5X5Tg", E = "_image_hdcmN", N = {
  root: C,
  image: E
}, B = {
  $style: N
}, D = /* @__PURE__ */ h(z, [["__cssModules", B]]);
export {
  D as default
};
//# sourceMappingURL=EmptyState.js.map
