'use strict';

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

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

const popoverReadingSelectCss = "";

let PopoverReadingSelect = class {
  constructor(hostRef) {
    index.registerInstance(this, hostRef);
    this.floodteamSelect = index.createEvent(this, "floodteamSelect", 7);
    this.readings = [];
  }
  render() {
    return (index.h("ion-content", { style: {
        "--background": "var(--ion-color-base)",
      } }, index.h("ion-list", null, (this.readings ? this.readings : []).map((reading) => (index.h("ion-item", { href: "#", onClick: (event) => {
        event.preventDefault();
        this.floodteamSelect.emit({ event, reading, name: "readingId" });
      }, detail: true }, reading === null || reading === void 0 ? void 0 : reading.name))), index.h("ion-item", { href: "#", onClick: (event) => {
        event.preventDefault();
        this.floodteamSelect.emit({ event, reading: null, name: "readingId" });
      } }, index.h("ion-label", null, "Add Reading"), index.h("ion-icon", { name: "add-circle", slot: "end", color: "primary" })))));
  }
};
PopoverReadingSelect.style = popoverReadingSelectCss;

exports.popover_reading_select = PopoverReadingSelect;

//# sourceMappingURL=popover-reading-select.cjs.entry.js.map