import { Host, h } from '@stencil/core';
/**
 * Outputs a simple toaster container for stackin g multiple <toast> components together. Note that
 * each contained <toast> must have the "stacked" attribute.
 * @docsPage
 * @exSlot <bs-toast toast-id="id1" toast-title="First Toast" stacked shown></bs-toast>
 * &t;<bs-toast toast-id="id2" duration="0" variant="warning" toast-title="Second Toast" content="I will remain!" stacked shown></bs-toast>
 * &t;<bs-toast toast-id="id3" variant="positive" toast-title="Third Toast" stacked shown></bs-toast>
 */
export class BsToaster {
  render() {
    return (h(Host, null, h("div", { class: "bs-toaster" }, h("slot", null))));
  }
  static get is() { return "bs-toaster"; }
  static get encapsulation() { return "shadow"; }
  static get originalStyleUrls() {
    return {
      "$": ["bs-toaster.scss"]
    };
  }
  static get styleUrls() {
    return {
      "$": ["bs-toaster.css"]
    };
  }
}
//# sourceMappingURL=bs-toaster.js.map
