import { Host, h } from '@stencil/core';
/**
 * Outputs a simple toaster container for stacking multiple <toast> components together. Note that
 * each contained <toast> must have the "stacked" attribute.
 * @docsPage
 * @exSlot <bs-toast toast-id="id1"stacked shown>
 * &t;&t;<bs-toast-header>First Toast</bs-toast-header>
 * &t;&t;<bs-toast-actions></bs-toast-actions>
 * &t;</bs-toast>
 * &t;<bs-toast toast-id="id2" duration="0" variant="warning" stacked shown>
 * &t;&t;<bs-toast-header>Second Toast</bs-toast-header>
 * &t;&t;<bs-toast-body>I will remain!</bs-toast-body>
 * &t;&t;<bs-toast-actions>
 * &t;&t;&t;<bs-button size="sm">Read More</bs-button>
 * &t;&t;</bs-toast-actions>
 * &t;</bs-toast>
 * &t;<bs-toast toast-id="id3" variant="positive" stacked shown>
 * &t;&t;<bs-toast-header>Third Toast</bs-toast-header>
 * &t;&t;<bs-toast-actions></bs-toast-actions>
 * &t;</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 originalStyleUrls() {
    return {
      "$": ["bs-toaster.scss"]
    };
  }
  static get styleUrls() {
    return {
      "$": ["bs-toaster.css"]
    };
  }
}
//# sourceMappingURL=bs-toaster.js.map
