import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
import { d as defineCustomElement$2 } from './telia-vst2.js';

const teliaAlertBadgeCss = ".telia-alert-badge{border-radius:calc(99.9rem * var(--voca-rem-multiplier));display:inline-block;height:calc(1.2rem * var(--voca-rem-multiplier));width:calc(1.2rem * var(--voca-rem-multiplier));margin:calc(0.4rem * var(--voca-rem-multiplier))}.telia-alert-badge--attention{background-color:#5e0092;outline:#edc8ff solid calc(0.4rem * var(--voca-rem-multiplier))}.telia-alert-badge--neutral{background-color:#303032;outline:rgba(0, 0, 0, 0.2) solid calc(0.4rem * var(--voca-rem-multiplier))}.telia-alert-badge--information{background-color:#003d66;outline:#a6dbff solid calc(0.4rem * var(--voca-rem-multiplier))}.telia-alert-badge--success{background-color:#00572a;outline:#a6e3c4 solid calc(0.4rem * var(--voca-rem-multiplier))}.telia-alert-badge--warning{background-color:#663e00;outline:#ffdca6 solid calc(0.4rem * var(--voca-rem-multiplier))}.telia-alert-badge--error{background-color:#5b0925;outline:#f6aec6 solid calc(0.4rem * var(--voca-rem-multiplier))}";

const TeliaAlertBadge$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
  constructor() {
    super();
    this.__registerHost();
    this.__attachShadow();
    /** Tracking id is used to identify and count Component usage */
    this.dataTrackingId = 'telia-alert-badge';
  }
  render() {
    return (h("span", { class: {
        'telia-alert-badge': true,
        [`telia-alert-badge--${this.variant}`]: !!this.variant,
      }, "data-testid": this.dataTestid }, h("telia-vst", { dataTrackingId: this.dataTrackingId })));
  }
  static get style() { return teliaAlertBadgeCss; }
}, [1, "telia-alert-badge", {
    "variant": [1],
    "dataTestid": [1, "data-testid"]
  }]);
function defineCustomElement$1() {
  if (typeof customElements === "undefined") {
    return;
  }
  const components = ["telia-alert-badge", "telia-vst"];
  components.forEach(tagName => { switch (tagName) {
    case "telia-alert-badge":
      if (!customElements.get(tagName)) {
        customElements.define(tagName, TeliaAlertBadge$1);
      }
      break;
    case "telia-vst":
      if (!customElements.get(tagName)) {
        defineCustomElement$2();
      }
      break;
  } });
}
defineCustomElement$1();

const TeliaAlertBadge = TeliaAlertBadge$1;
const defineCustomElement = defineCustomElement$1;

export { TeliaAlertBadge, defineCustomElement };
