import { r as registerInstance, h } from './index-33e43734.js';

const fallbackCss = "floodteam-fallback{font-family:var(\n    --floodteam-error-font-family,\n    var(--ion-font-family, Arial, Helvetica, sans-serif)\n  )}floodteam-fallback .fallback-wrapper ion-icon{display:block;margin:var(--floodteam-fallback-icon-margin, 0 auto);padding:var(--floodteam-fallback-icon-padding, 0);height:var(\n    --floodteam-fallback-icon-height,\n    var(--floodteam-fallback-icon-size, 150px)\n  );width:var(\n    --floodteam-fallback-icon-width,\n    var(--floodteam-fallback-icon-size, 150px)\n  );color:var(\n    --floodteam-fallback-icon-color,\n    var(--floodteam-fallback-color, #bdbdbd)\n  )}floodteam-fallback .fallback-wrapper p{display:block;padding:var(--floodteam-fallback-message-padding, 0);margin:var(--floodteam-fallback-message-margin, 0);font-size:var(--floodteam-fallback-message-font-size, 14px);color:var(\n    --floodteam-fallback-message-color,\n    var(--floodteam-fallback-color, #999)\n  );font-weight:var(--floodteam-fallback-message-font-weight, bold);text-align:var(--floodteam-fallback-message-text-align, center)}";

let Fallback = class {
  constructor(hostRef) {
    registerInstance(this, hostRef);
  }
  render() {
    return (h("div", { class: "fallback-wrapper" }, this.icon ? h("ion-icon", { name: this.icon }) : null, h("p", null, this.message)));
  }
};
Fallback.style = fallbackCss;

export { Fallback as floodteam_fallback };

//# sourceMappingURL=floodteam-fallback.entry.js.map