import { defineComponent as l, createBlock as m, openBlock as r, unref as n, normalizeClass as i, withCtx as c, createElementVNode as d, createElementBlock as o, createCommentVNode as a, renderSlot as s, createTextVNode as p, toDisplayString as t } from "vue";
import { c as _ } from "./start-CE9SawgU.js";
import "vue-i18n";
import "pinia";
import "./header-Bn1EKnBE.js";
const u = { class: "complex-value__container" }, h = {
  key: 0,
  class: "complex-value__header mb-2"
}, f = {
  key: 0,
  class: "complex-value__error text-error mt-2"
}, y = /* @__PURE__ */ l({
  __name: "DatahubDataComplexValue",
  props: {
    header: {},
    errorMessage: {}
  },
  setup(v) {
    return (e, g) => (r(), m(n(_), {
      class: i(["complex-value", { invalid: e.errorMessage }])
    }, {
      default: c(() => [
        d("div", u, [
          e.header || e.$slots.header ? (r(), o("div", h, [
            p(t(e.header) + " ", 1),
            s(e.$slots, "header")
          ])) : a("", !0),
          s(e.$slots, "default")
        ]),
        e.errorMessage ? (r(), o("div", f, t(e.errorMessage), 1)) : a("", !0)
      ]),
      _: 3
    }, 8, ["class"]));
  }
});
export {
  y as _
};
