import { Component, h, Host, Prop } from '@stencil/core';
export class RoleOwnerSection {
  render() {
    const basicProfile = this.owner.basicProfile;
    return (h(Host, null,
      h("h5", null, "Owner"),
      h("hr", null),
      h("div", { class: "d-flex border rounded px-3" },
        h("div", { class: "d-flex flex-wrap align-content-center" },
          h("ap-ben-icon", { class: "text-black-50 fa-4x", iconPrefix: "fad", iconId: "user-circle" })),
        h("div", { class: "d-flex align-items-start flex-column m-3" },
          h("h5", null,
            h("b", null, `${basicProfile.firstName} ${basicProfile.lastName}`)),
          h("div", null, basicProfile.email)))));
  }
  static get is() { return "ap-ben-role-owner-section"; }
  static get properties() { return {
    "owner": {
      "type": "unknown",
      "mutable": false,
      "complexType": {
        "original": "UserProfile",
        "resolved": "{ basicProfile: BasicProfile; benefitsProfile: BenefitsProfile; }",
        "references": {
          "UserProfile": {
            "location": "import",
            "path": "../../../store/benefits-app.store"
          }
        }
      },
      "required": false,
      "optional": false,
      "docs": {
        "tags": [],
        "text": ""
      }
    }
  }; }
}
