/*!
 * (C) Gasco https://gasco-web-component.herokuapp.com/ - MIT License
 */
import { Component, Host, Prop, h } from '@stencil/core';
export class GascoList {
  constructor() {
    /**
     * If `true`, the list will have margin around it and rounded corners.
     */
    this.inset = false;
  }
  render() {
    const { lines, inset } = this;
    return (h(Host, { role: "list", class: {
        'list-inset': inset,
        [`list-lines-${lines}`]: lines !== undefined,
      } }));
  }
  static get is() { return "gasco-list"; }
  static get originalStyleUrls() { return {
    "$": ["gasco-list.md.scss"]
  }; }
  static get styleUrls() { return {
    "$": ["gasco-list.md.css"]
  }; }
  static get properties() { return {
    "lines": {
      "type": "string",
      "mutable": false,
      "complexType": {
        "original": "'full' | 'inset' | 'none'",
        "resolved": "\"full\" | \"inset\" | \"none\"",
        "references": {}
      },
      "required": false,
      "optional": true,
      "docs": {
        "tags": [],
        "text": "How the bottom border should be displayed on all items."
      },
      "attribute": "lines",
      "reflect": false
    },
    "inset": {
      "type": "boolean",
      "mutable": false,
      "complexType": {
        "original": "boolean",
        "resolved": "boolean",
        "references": {}
      },
      "required": false,
      "optional": false,
      "docs": {
        "tags": [],
        "text": "If `true`, the list will have margin around it and rounded corners."
      },
      "attribute": "inset",
      "reflect": false,
      "defaultValue": "false"
    }
  }; }
}
