import { Component, h, Host, Prop } from '@stencil/core';
import { ParagraphVariant, } from '../../types/ParagraphVariant';
export class TeliaP {
  constructor() {
    /**
     * Determines the appearance of the text.
     *
     */
    this.variant = ParagraphVariant.PARAGRAPH100;
    /**
     * Disable hyphenation
     *
     */
    this.disableHyphenation = false;
    /** Tracking id is used to identify and count Component usage */
    this.dataTrackingId = 'telia-p';
  }
  render() {
    return (h(Host, { style: {
        '--telia-p-hyphenation': this.disableHyphenation ? 'none' : 'auto',
      }, class: `telia-p--${this.variant}` },
      h("p", { class: {
          'telia-p': true,
          [`telia-p--${this.variant}`]: !!this.variant,
        } },
        h("slot", null),
        h("telia-vst", { dataTrackingId: this.dataTrackingId }))));
  }
  static get is() { return "telia-p"; }
  static get encapsulation() { return "shadow"; }
  static get originalStyleUrls() { return {
    "$": ["telia-p.scss"]
  }; }
  static get styleUrls() { return {
    "$": ["telia-p.css"]
  }; }
  static get properties() { return {
    "variant": {
      "type": "string",
      "mutable": false,
      "complexType": {
        "original": "ParagraphVariantType",
        "resolved": "\"additional-100\" | \"overline-100\" | \"overline-200\" | \"paragraph-100\" | \"paragraph-200\" | \"preamble-100\" | \"preamble-200\"",
        "references": {
          "ParagraphVariantType": {
            "location": "import",
            "path": "../../types/ParagraphVariant"
          }
        }
      },
      "required": false,
      "optional": false,
      "docs": {
        "tags": [],
        "text": "Determines the appearance of the text."
      },
      "attribute": "variant",
      "reflect": false,
      "defaultValue": "ParagraphVariant.PARAGRAPH100"
    },
    "disableHyphenation": {
      "type": "boolean",
      "mutable": false,
      "complexType": {
        "original": "boolean",
        "resolved": "boolean",
        "references": {}
      },
      "required": false,
      "optional": false,
      "docs": {
        "tags": [],
        "text": "Disable hyphenation"
      },
      "attribute": "disable-hyphenation",
      "reflect": false,
      "defaultValue": "false"
    }
  }; }
}
