import { n as f } from "./static-be5c3b1c.mjs";
import { e as p } from "./custom-element-eaccb8d2.mjs";
import { P as a, r as c } from "./plus-base-1920dd44.mjs";
import { s as h } from "./index-975d3293.mjs";
const m = h({
  slots: {
    base: []
  },
  variants: {},
  defaultVariants: {}
}), d = `:host{display:flex;align-items:center;justify-content:center;width:100%;height:100%;position:absolute;top:0;right:0;bottom:0;left:0;background-color:inherit;color:inherit;font-size:inherit;line-height:inherit}
`;
var u = Object.defineProperty, v = Object.getOwnPropertyDescriptor, g = (t, s, r, i) => {
  for (var e = i > 1 ? void 0 : i ? v(s, r) : s, o = t.length - 1, n; o >= 0; o--)
    (n = t[o]) && (e = (i ? n(s, r, e) : n(e)) || e);
  return i && e && u(s, r, e), e;
};
let l = class extends a {
  render() {
    const { base: t } = m();
    return f`<div class="${t()}">
      <i class="fa-solid fa-spinner fa-spin"></i>
    </div> `;
  }
};
l.styles = [...a.styles, c(d)];
l = g([
  p("plus-loading")
], l);
export {
  l as LoadingComponent
};
