import { Component, Prop, h, Host } from '@stencil/core';
import { PrismicResponsiveImage } from '../../web/components/prismic/PrismicResponsiveImage';
import { Paragraph } from '../../core';
export class ResourceAuthorItem {
  render() {
    if (!this.author)
      return;
    const { link, avatar, title, name } = this.author;
    return (h(Host, null,
      h("a", { class: "link-wrapper", href: link, target: "_blank", rel: "noopener" },
        h(PrismicResponsiveImage, { class: "image", image: avatar, height: "28", width: "28" }),
        h("div", { class: "info" },
          h(Paragraph, { level: 4, class: "name", leading: "none" }, name),
          h(Paragraph, { level: 6, class: "title", leading: "none" }, title)))));
  }
  static get is() { return "resource-author-item"; }
  static get encapsulation() { return "scoped"; }
  static get originalStyleUrls() { return {
    "$": ["resource-author-item.scss"]
  }; }
  static get styleUrls() { return {
    "$": ["resource-author-item.css"]
  }; }
  static get properties() { return {
    "author": {
      "type": "unknown",
      "mutable": false,
      "complexType": {
        "original": "ResourceAuthor",
        "resolved": "ResourceAuthor",
        "references": {
          "ResourceAuthor": {
            "location": "import",
            "path": "../../web/models"
          }
        }
      },
      "required": true,
      "optional": false,
      "docs": {
        "tags": [],
        "text": ""
      }
    }
  }; }
}
