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

const teliaLabelCss = ".telia-label{font-family:\"TeliaSans\", Helvetica, Arial, \"Lucida Grande\", sans-serif;font-weight:500;font-size:calc(1.6rem * var(--voca-rem-multiplier));line-height:1.25;color:#222222;order:1}";

const TeliaLabel = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
  constructor() {
    super();
    this.__registerHost();
    /** Test id set for web component host */
    this.dataTestid = null;
    /** Tracking id is used to identify and count Component usage */
    this.dataTrackingId = 'telia-label';
    /**
     * Renders content passed in via props or fallbacks to slot
     * @private
     */
    this.renderContent = () => {
      if (this.text) {
        return this.text;
      }
      return h("slot", null);
    };
  }
  render() {
    return (h("label", { class: "telia-label", htmlFor: this.htmlFor, "data-testId": this.dataTestid }, this.renderContent(), h("telia-vst", { dataTrackingId: this.dataTrackingId })));
  }
  static get style() { return teliaLabelCss; }
}, [4, "telia-label", {
    "htmlFor": [1, "html-for"],
    "dataTestid": [1, "data-testid"],
    "text": [1]
  }]);
function defineCustomElement() {
  if (typeof customElements === "undefined") {
    return;
  }
  const components = ["telia-label", "telia-vst"];
  components.forEach(tagName => { switch (tagName) {
    case "telia-label":
      if (!customElements.get(tagName)) {
        customElements.define(tagName, TeliaLabel);
      }
      break;
    case "telia-vst":
      if (!customElements.get(tagName)) {
        defineCustomElement$1();
      }
      break;
  } });
}
defineCustomElement();

export { TeliaLabel as T, defineCustomElement as d };
