import { hasSlotContent as a } from "../../common/utils/index.js";
import { createElementBlock as n, openBlock as o, createCommentVNode as c, createElementVNode as s, renderSlot as i, createTextVNode as r, toDisplayString as l } from "vue";
import { _ } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
const f = {
  compatConfig: { MODE: 3 },
  name: "DtNoticeContent",
  props: {
    /**
     * Title header of the notice. This can be left blank to remove the title from the notice entirely.
     */
    title: {
      type: String,
      default: ""
    },
    /**
     * ID for the title element of the component. Useful for aria-describedby
     * or aria-labelledby or any other reason you may need an id to refer to the title.
     */
    titleId: {
      type: String,
      default: void 0
    },
    /**
     * ID for the content element of the component. Useful for aria-describedby
     * or aria-labelledby or any other reason you may need an id to refer to the content.
     */
    contentId: {
      type: String,
      default: void 0
    }
  },
  data() {
    return {
      hasSlotContent: a
    };
  }
}, m = {
  class: "d-notice__content",
  "data-qa": "notice-content"
}, u = ["id"], p = ["id"];
function g(e, S, t, h, d, C) {
  return o(), n("div", m, [
    t.title || d.hasSlotContent(e.$slots.titleOverride) ? (o(), n("p", {
      key: 0,
      id: t.titleId,
      class: "d-notice__title",
      "data-qa": "notice-content-title"
    }, [
      i(e.$slots, "titleOverride", {}, () => [
        r(l(t.title), 1)
      ])
    ], 8, u)) : c("", !0),
    s("p", {
      id: t.contentId,
      class: "d-notice__message",
      "data-qa": "notice-content-message"
    }, [
      i(e.$slots, "default")
    ], 8, p)
  ]);
}
const I = /* @__PURE__ */ _(f, [["render", g]]);
export {
  I as default
};
//# sourceMappingURL=notice-content.js.map
