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

const popoverControlsCss = "";

let PopoverControls = class {
  constructor(hostRef) {
    registerInstance(this, hostRef);
    this.floodteamClosePopover = createEvent(this, "floodteamClosePopover", 7);
    /**
     * The list of buttons to show when the material button is clicked
     */
    this.controls = [];
  }
  render() {
    return (h("ion-content", null, h("ion-list", null, this.controls.map((mb) => (h("ion-item", { detail: true, lines: "full", href: (mb === null || mb === void 0 ? void 0 : mb.href) || "#", onClick: (event) => {
        if (typeof (mb === null || mb === void 0 ? void 0 : mb.onClick) !== "function")
          return;
        mb.onClick(event);
        this.floodteamClosePopover.emit({ event });
      } }, h("ion-icon", { color: mb === null || mb === void 0 ? void 0 : mb.color, name: mb.icon.indexOf("/") === -1 ? mb.icon : null, src: mb.icon.indexOf("/") === -1 ? null : mb.icon, slot: "start" }), h("ion-label", { color: mb === null || mb === void 0 ? void 0 : mb.color, innerHTML: mb.label })))))));
  }
};
PopoverControls.style = popoverControlsCss;

export { PopoverControls as floodteam_popover_controls };

//# sourceMappingURL=floodteam-popover-controls.entry.js.map