import { r as registerInstance, d as createEvent, h } from './index-33e43734.js';

const popoverInvoiceSelectCss = "";

let PopoverInvoiceSelect = class {
  constructor(hostRef) {
    registerInstance(this, hostRef);
    this.floodteamSelect = createEvent(this, "floodteamSelect", 7);
    this.floodteamClosePopover = createEvent(this, "floodteamClosePopover", 7);
    this.name = "type";
    this.options = ["Water Remediation", "Box Out", "Contents", "Reconstruction", "Other"];
    this.value = "Water Remediation";
  }
  render() {
    return (h("ion-content", { style: {
        "--background": "var(--ion-color-base)",
      } }, h("ion-list", null, (this.options || []).map((option) => (h("ion-item", { detail: true, detailIcon: option === this.value ? "checkmark-circle" : "chevron-forward", href: "#", onClick: (event) => {
        this.value = option;
        this.floodteamSelect.emit({
          event,
          name: this.name,
          value: option,
        });
        this.floodteamClosePopover.emit({
          event,
        });
      } }, h("ion-label", null, option)))))));
  }
};
PopoverInvoiceSelect.style = popoverInvoiceSelectCss;

export { PopoverInvoiceSelect as popover_invoice_select };

//# sourceMappingURL=popover-invoice-select.entry.js.map