import { r as s, h as e, H as i } from "./reactcomponent-44b70bf6.mjs";
import "react";
import "react-dom";
const r = ':host{box-sizing:border-box;display:block;font-family:Figtree, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";background-color:#ffffff;box-shadow:0px 4px 4px rgba(0, 0, 0, 0.16), 0px 2px 2px rgba(0, 0, 0, 0.18), 0px 1px 1px rgba(0, 0, 0, 0.2);border-radius:8px;padding-top:32px;padding-bottom:32px;padding-left:32px;padding-right:32px;margin:24px}', o = class {
  constructor(n) {
    s(this, n);
  }
  render() {
    return e("slot", null);
  }
};
o.style = r;
const a = ".spinner{display:flex;justify-content:center;align-items:center}.spinner>div{width:16px;height:16px;background-color:#6b7280;margin:4px;border-radius:100%;display:inline-block;animation:bouncedelay 1.4s infinite ease-in-out both}.spinner.inverse>div{background-color:#ffffff}.spinner .bounce1{animation-delay:-0.32s}.spinner .bounce2{animation-delay:-0.16s}@keyframes bouncedelay{0%,80%,100%{transform:scale(0)}40%{transform:scale(1)}}", t = class {
  constructor(n) {
    s(this, n), this.inverse = !1;
  }
  render() {
    return e(i, null, e("div", { class: `spinner ${this.inverse ? "inverse" : ""}` }, e("div", { class: "bounce1" }), e("div", { class: "bounce2" }), e("div", { class: "bounce3" })));
  }
};
t.style = a;
export {
  o as mi_card,
  t as mi_spinner
};
//# sourceMappingURL=mi-card_2.entry-7feb0575.mjs.map
