'use strict';

Object.defineProperty(exports, '__esModule', { value: true });

const index = require('./index-ee190ee0.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)}";

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

exports.floodteam_fallback = Fallback;
