import { defineComponent as n, useCssModule as c, openBlock as s, createBlock as r, TransitionGroup as l, normalizeClass as i, unref as o, withCtx as u, createElementBlock as m, Fragment as f, renderList as p } from "vue";
import _ from "./useToasts.js";
import d from "./Toast.js";
import { _ as x } from "./_plugin-vue_export-helper-CHgC5LLL.js";
const k = /* @__PURE__ */ n({
  __name: "Toasts",
  setup(v) {
    const e = _(), a = c();
    return (y, B) => (s(), r(l, {
      "aria-atomic": "true",
      "aria-live": "polite",
      name: "toasts",
      tag: "ul",
      class: i([o(a).root, "stash-toasts"]),
      "data-test": "stash-toasts"
    }, {
      default: u(() => [
        (s(!0), m(f, null, p(o(e).active, (t) => (s(), r(d, {
          key: t.id,
          text: t.text,
          status: t.status,
          "offset-top": t.offsetTop,
          onClick: (M) => o(e).remove(t.id)
        }, null, 8, ["text", "status", "offset-top", "onClick"]))), 128))
      ]),
      _: 1
    }, 8, ["class"]));
  }
}), C = "_root_nOrhe", T = {
  root: C
}, h = {
  $style: T
}, E = /* @__PURE__ */ x(k, [["__cssModules", h]]);
export {
  E as default
};
//# sourceMappingURL=Toasts.js.map
