text: import { Component, h, Prop } from '@stencil/core';
  import { format } from '../../utils/utils';
  export class MyComponent {
      getText() {
          return format(this.first, this.middle, this.last);
      }
      render() {
          return h("div", null,
              "Hello, World! I'm ",
              this.getText());
      }
      static get is() { return "my-component"; }
      static get encapsulation() { return "shadow"; }
      static get originalStyleUrls() { return {
          "$": ["my-component.css"]
      }; }
      static get styleUrls() { return {
          "$": ["my-component.css"]
      }; }
      static get properties() { return {
          "first": {
              "type": "string",
              "mutable": false,
              "complexType": {
                  "original": "string",
                  "resolved": "string",
                  "references": {}
              },
              "required": false,
              "optional": false,
              "docs": {
                  "tags": [],
                  "text": ""
              },
              "attribute": "first",
              "reflect": false
          },
          "middle": {
              "type": "string",
              "mutable": false,
              "complexType": {
                  "original": "string",
                  "resolved": "string",
                  "references": {}
              },
              "required": false,
              "optional": false,
              "docs": {
                  "tags": [],
                  "text": ""
              },
              "attribute": "middle",
              "reflect": false
          },
          "last": {
              "type": "string",
              "mutable": false,
              "complexType": {
                  "original": "string",
                  "resolved": "string",
                  "references": {}
              },
              "required": false,
              "optional": false,
              "docs": {
                  "tags": [],
                  "text": ""
              },
              "attribute": "last",
              "reflect": false
          }
      }; }
  }
  