@aotearoan/neon/dist/components/feedback/banner/NeonBanner.vue.es.js

Neon is a lightweight design library of Vue 3 components with minimal dependencies.

import c from "./NeonBanner.es.js";
import { resolveComponent as r, openBlock as e, createElementBlock as l, Fragment as i, renderList as _, createBlock as p, withCtx as u, createElementVNode as m, createVNode as d } from "vue";
import b from "../../../_virtual/_plugin-vue_export-helper.es.js";
const f = { class: "neon-banner__wrapper" }, k = ["innerHTML"];
function $(o, t, h, v, B, C) {
  const s = r("neon-button"), a = r("neon-note");
  return e(), l("div", f, [
    (e(!0), l(i, null, _(o.messages, (n) => (e(), p(a, {
      key: n.id,
      color: n.level,
      icon: !1,
      class: "neon-banner"
    }, {
      default: u(() => [
        m("span", {
          class: "neon-banner__message",
          innerHTML: n.message
        }, null, 8, k),
        d(s, {
          label: n.action.label,
          "button-style": "outline",
          class: "neon-banner__action",
          color: "high-contrast",
          size: "s",
          onClick: t[0] || (t[0] = (L) => o.onAction())
        }, null, 8, ["label"])
      ]),
      _: 2
    }, 1032, ["color"]))), 128))
  ]);
}
const x = /* @__PURE__ */ b(c, [["render", $]]);
export {
  x as default
};
//# sourceMappingURL=NeonBanner.vue.es.js.map