import { r as registerInstance, h, a as Host, g as getElement } from './index-38bfff87.js';

const listGroupCss = ":host{display:inline-flex}.list-group-container{display:inline-flex;flex-direction:column;gap:3px}";

const ListGroup = class {
  constructor(hostRef) {
    registerInstance(this, hostRef);
    this.flush = false;
    this.bulletpoint = false;
    this.notification = false;
  }
  render() {
    return (h(Host, null, h("div", { class: `list-group-container 
        ${this.flush ? 'flush' : ""} 
        ${this.bulletpoint ? 'bulletpoint' : ""}` }, h("slot", { name: 'list-item' }), h("slot", { name: "list-notification" }))));
  }
  get el() { return getElement(this); }
};
ListGroup.style = listGroupCss;

export { ListGroup as ifx_list_group };

//# sourceMappingURL=ifx-list-group.entry.js.map