import { h, Host } from '@stencil/core';
/**
 * DEPRECATED: This internal component is no longer used. For standalone field hints, apply the `bs-hint` class to a `<span>` element.
 * Display a hint or error message below a form element.
 */
export class BsHint {
  constructor() {
    this.error = undefined;
    this.hintId = undefined;
    this.hints = undefined;
  }
  render() {
    const hints = this.hints
      ? Array.isArray(this.hints)
        ? this.hints
        : [this.hints]
      : null;
    return (h(Host, null, h("ul", { id: this.hintId, class: "bs-hint", "data-error": this.error, role: "list" }, hints.map(hint => {
      return h("li", null, hint);
    }))));
  }
  static get is() { return "bs-hint"; }
  static get originalStyleUrls() {
    return {
      "$": ["bs-hint.scss"]
    };
  }
  static get styleUrls() {
    return {
      "$": ["bs-hint.css"]
    };
  }
  static get properties() {
    return {
      "error": {
        "type": "boolean",
        "mutable": false,
        "complexType": {
          "original": "boolean",
          "resolved": "boolean",
          "references": {}
        },
        "required": false,
        "optional": true,
        "docs": {
          "tags": [],
          "text": "Applies error styles to text."
        },
        "attribute": "error",
        "reflect": false
      },
      "hintId": {
        "type": "string",
        "mutable": false,
        "complexType": {
          "original": "string",
          "resolved": "string",
          "references": {}
        },
        "required": false,
        "optional": false,
        "docs": {
          "tags": [],
          "text": "Adds an id to associate a hint to an input."
        },
        "attribute": "hint-id",
        "reflect": false
      },
      "hints": {
        "type": "string",
        "mutable": false,
        "complexType": {
          "original": "string | string[]",
          "resolved": "string | string[]",
          "references": {}
        },
        "required": false,
        "optional": false,
        "docs": {
          "tags": [],
          "text": "A string or array of strings to be displayed by the hint."
        },
        "attribute": "hints",
        "reflect": false
      }
    };
  }
}
//# sourceMappingURL=bs-hint.js.map
