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

const teliaTextSpacingCss = ".telia-text-spacing .telia-p--subsection,.telia-text-spacing .telia-heading--subsection-100{margin-bottom:calc(0.4rem * var(--voca-rem-multiplier))}.telia-text-spacing .telia-p--overline-100,.telia-text-spacing .telia-p--additional-100,.telia-text-spacing .telia-heading--title-100,.telia-text-spacing .telia-heading--title-200,.telia-text-spacing .telia-heading--title-300{margin-bottom:calc(0.8rem * var(--voca-rem-multiplier))}.telia-text-spacing .telia-p--overline-200{margin-bottom:calc(1.2rem * var(--voca-rem-multiplier))}.telia-text-spacing .telia-price,.telia-text-spacing .telia-p--paragraph-100,.telia-text-spacing .telia-p--paragraph-200{margin-bottom:calc(1.6rem * var(--voca-rem-multiplier))}.telia-text-spacing .telia-price+.telia-heading--title-100,.telia-text-spacing .telia-p--paragraph-100+.telia-heading--title-100,.telia-text-spacing .telia-p--paragraph-200+.telia-heading--title-100{margin-top:calc(2.4rem * var(--voca-rem-multiplier))}.telia-text-spacing .telia-price+.telia-heading--title-200,.telia-text-spacing .telia-p--paragraph-100+.telia-heading--title-200,.telia-text-spacing .telia-p--paragraph-200+.telia-heading--title-200{margin-top:calc(3.2rem * var(--voca-rem-multiplier))}.telia-text-spacing .telia-price+.telia-heading--title-300,.telia-text-spacing .telia-p--paragraph-100+.telia-heading--title-300,.telia-text-spacing .telia-p--paragraph-200+.telia-heading--title-300{margin-top:calc(4.8rem * var(--voca-rem-multiplier))}.telia-text-spacing .telia-heading--title-400,.telia-text-spacing .telia-heading--title-500{margin-bottom:calc(2rem * var(--voca-rem-multiplier))}.telia-text-spacing .telia-heading--title-600,.telia-text-spacing .telia-heading--title-700,.telia-text-spacing .telia-heading--display-100,.telia-text-spacing .telia-heading--display-200{margin-bottom:calc(2.4rem * var(--voca-rem-multiplier))}.telia-text-spacing .telia-p--preamble-100{margin-bottom:calc(3.2rem * var(--voca-rem-multiplier))}.telia-text-spacing .telia-p--preamble-200{margin-bottom:calc(4.8rem * var(--voca-rem-multiplier))}.telia-text-spacing *>:last-child,.telia-text-spacing>:last-child{margin-bottom:0}";

const TeliaTextSpacing = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
  constructor() {
    super();
    this.__registerHost();
    /** Tracking id is used to identify and count Component usage */
    this.dataTrackingId = 'telia-text-spacing';
  }
  render() {
    return (h(Host, { class: "telia-text-spacing" }, h("telia-vst", { dataTrackingId: this.dataTrackingId }), h("slot", null)));
  }
  static get style() { return teliaTextSpacingCss; }
}, [4, "telia-text-spacing"]);
function defineCustomElement() {
  if (typeof customElements === "undefined") {
    return;
  }
  const components = ["telia-text-spacing", "telia-vst"];
  components.forEach(tagName => { switch (tagName) {
    case "telia-text-spacing":
      if (!customElements.get(tagName)) {
        customElements.define(tagName, TeliaTextSpacing);
      }
      break;
    case "telia-vst":
      if (!customElements.get(tagName)) {
        defineCustomElement$1();
      }
      break;
  } });
}
defineCustomElement();

export { TeliaTextSpacing as T, defineCustomElement as d };
