'use strict';

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

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

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

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

exports.ifx_list_group = ListGroup;

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