'use strict';

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

const index = require('./index-ca0e0765.js');

const numberIndicatorCss = ":root{--ifx-font-family:\"Source Sans 3\";font-family:var(--ifx-font-family, sans-serif)}:host{display:inline-flex}.numberIndicator__container{display:inline-flex;padding:0px 4px;justify-content:center;align-items:center;border-radius:100px;background-color:#0A8276;font-family:var(--ifx-font-family)}.numberIndicator__container span{color:#FFFFFF;text-align:center;font-size:0.875rem;font-style:normal;font-weight:600;line-height:15px}.numberIndicator__container.inverted{background-color:#FFFFFF}.numberIndicator__container.inverted span{color:#0A8276}";

const NumberIndicator = class {
  constructor(hostRef) {
    index.registerInstance(this, hostRef);
    this.inverted = false;
  }
  render() {
    return (index.h("div", { "aria-label": 'a number indicator', class: `numberIndicator__container ${this.inverted ? 'inverted' : ""}` }, index.h("span", null, index.h("slot", null))));
  }
};
NumberIndicator.style = numberIndicatorCss;

exports.ifx_number_indicator = NumberIndicator;

//# sourceMappingURL=ifx-number-indicator.cjs.entry.js.map