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

const popoverSiteSelectCss = "";

const PopoverSiteSelect = class {
  constructor(hostRef) {
    registerInstance(this, hostRef);
    this.floodteamSelect = createEvent(this, "floodteamSelect", 7);
    this.sites = [];
  }
  render() {
    return (h("ion-content", { style: {
        "--background": "var(--ion-color-base)",
      } }, h("ion-list", null, (this.sites ? this.sites : []).map((site) => (h("floodteam-item-site", { onClick: (event) => this.floodteamSelect.emit({ event, site }), site: site }))), h("ion-item", { href: "#", onClick: (event) => this.floodteamSelect.emit({ event, site: null }) }, h("ion-label", null, "Add Site"), h("ion-icon", { name: "add-circle", slot: "end", color: "primary" })))));
  }
};
PopoverSiteSelect.style = popoverSiteSelectCss;

export { PopoverSiteSelect as popover_site_select };
