'use strict';

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

const index = require('./index-b499856a.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 = class {
  constructor(hostRef) {
    index.registerInstance(this, hostRef);
    /** Tracking id is used to identify and count Component usage */
    this.dataTrackingId = 'telia-alert-badge';
  }
  render() {
    return (index.h("span", { class: {
        'telia-alert-badge': true,
        [`telia-alert-badge--${this.variant}`]: !!this.variant,
      }, "data-testid": this.dataTestid }, index.h("telia-vst", { dataTrackingId: this.dataTrackingId })));
  }
};
TeliaAlertBadge.style = teliaAlertBadgeCss;

exports.telia_alert_badge = TeliaAlertBadge;
