import { Host, h } from '@stencil/core';
/**
 * Displays a user profile image and details.
 * @docsPage
 */
export class BsProfile {
  constructor() {
    this.layout = undefined;
    this.href = undefined;
    this.imageSrc = undefined;
    this.imageSize = 'lg';
    this.initials = undefined;
    this.profileName = undefined;
    this.company = undefined;
    this.jobTitle = undefined;
    this.email = undefined;
  }
  render() {
    return (h(Host, null, h("bs-profile-layout", { layout: this.layout, href: this.href }, h("bs-profile-img", { src: this.imageSrc, size: this.imageSize, initials: this.initials, profileName: this.profileName }), h("bs-profile-details", { profileName: this.profileName, company: this.company, jobTitle: this.jobTitle, email: this.email }))));
  }
  static get is() { return "bs-profile"; }
  static get properties() {
    return {
      "layout": {
        "type": "string",
        "mutable": false,
        "complexType": {
          "original": "Orientation",
          "resolved": "\"horizontal\" | \"vertical\"",
          "references": {
            "Orientation": {
              "location": "import",
              "path": "../../types/propTypes"
            }
          }
        },
        "required": false,
        "optional": true,
        "docs": {
          "tags": [{
              "name": "ex",
              "text": "vertical"
            }, {
              "name": "mapTo",
              "text": "Orientation"
            }],
          "text": ""
        },
        "attribute": "layout",
        "reflect": false
      },
      "href": {
        "type": "string",
        "mutable": false,
        "complexType": {
          "original": "string",
          "resolved": "string",
          "references": {}
        },
        "required": false,
        "optional": true,
        "docs": {
          "tags": [{
              "name": "ex",
              "text": "https://wwt.com/profile/derek-zoolander"
            }],
          "text": ""
        },
        "attribute": "href",
        "reflect": false
      },
      "imageSrc": {
        "type": "string",
        "mutable": false,
        "complexType": {
          "original": "string",
          "resolved": "string",
          "references": {}
        },
        "required": false,
        "optional": true,
        "docs": {
          "tags": [{
              "name": "ex",
              "text": "/assets/img/zoolander.jpg"
            }],
          "text": ""
        },
        "attribute": "image-src",
        "reflect": false
      },
      "imageSize": {
        "type": "string",
        "mutable": false,
        "complexType": {
          "original": "ImageSizes",
          "resolved": "\"lg\" | \"md\" | \"sm\" | \"xl\" | \"xs\"",
          "references": {
            "ImageSizes": {
              "location": "import",
              "path": "../../types/propTypes"
            }
          }
        },
        "required": false,
        "optional": true,
        "docs": {
          "tags": [{
              "name": "ex",
              "text": "lg"
            }, {
              "name": "mapTo",
              "text": "ImageSizes"
            }],
          "text": ""
        },
        "attribute": "image-size",
        "reflect": false,
        "defaultValue": "'lg'"
      },
      "initials": {
        "type": "string",
        "mutable": false,
        "complexType": {
          "original": "string",
          "resolved": "string",
          "references": {}
        },
        "required": false,
        "optional": false,
        "docs": {
          "tags": [{
              "name": "ex",
              "text": "dz"
            }],
          "text": ""
        },
        "attribute": "initials",
        "reflect": false
      },
      "profileName": {
        "type": "string",
        "mutable": false,
        "complexType": {
          "original": "string",
          "resolved": "string",
          "references": {}
        },
        "required": false,
        "optional": false,
        "docs": {
          "tags": [{
              "name": "ex",
              "text": "Derek Zoolander"
            }],
          "text": ""
        },
        "attribute": "profile-name",
        "reflect": false
      },
      "company": {
        "type": "string",
        "mutable": false,
        "complexType": {
          "original": "string",
          "resolved": "string",
          "references": {}
        },
        "required": false,
        "optional": true,
        "docs": {
          "tags": [{
              "name": "ex",
              "text": "WWT"
            }],
          "text": ""
        },
        "attribute": "company",
        "reflect": false
      },
      "jobTitle": {
        "type": "string",
        "mutable": false,
        "complexType": {
          "original": "string",
          "resolved": "string",
          "references": {}
        },
        "required": false,
        "optional": true,
        "docs": {
          "tags": [{
              "name": "ex",
              "text": "Head Model"
            }],
          "text": ""
        },
        "attribute": "job-title",
        "reflect": false
      },
      "email": {
        "type": "string",
        "mutable": false,
        "complexType": {
          "original": "string",
          "resolved": "string",
          "references": {}
        },
        "required": false,
        "optional": true,
        "docs": {
          "tags": [{
              "name": "ex",
              "text": "derek.zoolander@wwt.com"
            }],
          "text": ""
        },
        "attribute": "email",
        "reflect": false
      }
    };
  }
}
//# sourceMappingURL=bs-profile.js.map
