import { h, Host } from "@stencil/core";
export class ListGroup {
  constructor() {
    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" }))));
  }
  static get is() { return "ifx-list-group"; }
  static get encapsulation() { return "shadow"; }
  static get originalStyleUrls() {
    return {
      "$": ["list-group.scss"]
    };
  }
  static get styleUrls() {
    return {
      "$": ["list-group.css"]
    };
  }
  static get properties() {
    return {
      "flush": {
        "type": "boolean",
        "mutable": false,
        "complexType": {
          "original": "boolean",
          "resolved": "boolean",
          "references": {}
        },
        "required": false,
        "optional": false,
        "docs": {
          "tags": [],
          "text": ""
        },
        "attribute": "flush",
        "reflect": false,
        "defaultValue": "false"
      },
      "bulletpoint": {
        "type": "boolean",
        "mutable": false,
        "complexType": {
          "original": "boolean",
          "resolved": "boolean",
          "references": {}
        },
        "required": false,
        "optional": false,
        "docs": {
          "tags": [],
          "text": ""
        },
        "attribute": "bulletpoint",
        "reflect": false,
        "defaultValue": "false"
      },
      "notification": {
        "type": "boolean",
        "mutable": false,
        "complexType": {
          "original": "boolean",
          "resolved": "boolean",
          "references": {}
        },
        "required": false,
        "optional": false,
        "docs": {
          "tags": [],
          "text": ""
        },
        "attribute": "notification",
        "reflect": false,
        "defaultValue": "false"
      }
    };
  }
  static get elementRef() { return "el"; }
}
//# sourceMappingURL=list-group.js.map