'use strict';

Object.defineProperty(exports, '__esModule', { value: true });

const index = require('./index-bae2a754.js');

const sparkleGwwCommentListCss = ":host{display:block}.avatar{width:30px;height:30px}";

const SparkleGwwCommentList = class {
  constructor(hostRef) {
    index.registerInstance(this, hostRef);
  }
  dismiss(data) {
    // dismiss the closest modal and optionally pass back data
    this.el.closest('ion-modal').dismiss({
      'dismissed': true
    });
  }
  render() {
    return (index.h(index.Host, null, index.h("ion-toolbar", { color: "primary" }, index.h("ion-buttons", { slot: "start" }, index.h("ion-back-button", { defaultHref: "great-white-wall", onClick: () => this.dismiss() })), index.h("ion-title", null, "Comments")), index.h("ion-content", null, this.comments.map((comment) => index.h("ion-item", null, index.h("ion-avatar", { class: "avatar", slot: "start" }, index.h("img", { src: index.getAssetPath("/assets/img/user.png") })), index.h("ion-label", null, index.h("h2", null, comment.Name), index.h("p", null, comment.Comment)))))));
  }
  get el() { return index.getElement(this); }
};
SparkleGwwCommentList.style = sparkleGwwCommentListCss;

exports.sparkle_gww_comment_list = SparkleGwwCommentList;
