import { r as e, h as i, H as t } from "./index.e6beb8d9.js";
import { c as a } from "./index-orsBiyT_.fc4357c3.js";
import "react";
import "react-dom";
const o = () => ":host{display:block}:host *{box-sizing:border-box}.inline-notification{display:flex;max-width:100%;padding:var(--s-space-12);gap:var(--s-space-8)}@media (min-width: 768px){.inline-notification{padding:var(--s-space-16)}}.inline-notification--border-radius-xs{border-radius:var(--s-border-radius-xs)}.inline-notification--border-radius-sm{border-radius:var(--s-border-radius-sm)}.inline-notification--intent-info{background-color:var(--s-surface-info-subdued)}.inline-notification--intent-info .inline-notification__icon{color:var(--s-icon-info)}.inline-notification--intent-critical{background-color:var(--s-surface-critical-subdued)}.inline-notification--intent-critical .inline-notification__icon{color:var(--s-icon-critical)}.inline-notification--intent-warning{background-color:var(--s-surface-warning-subdued)}.inline-notification--intent-warning .inline-notification__icon{color:var(--s-icon-warning)}.inline-notification--intent-success{background-color:var(--s-surface-success-subdued)}.inline-notification--intent-success .inline-notification__icon{color:var(--s-icon-success)}.inline-notification__icon{display:inline-flex;flex-shrink:0}.inline-notification__content{position:relative;top:0.0625rem;font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}", s = class {
  constructor(n) {
    e(this, n), this.importance = "status", this.intent = "info", this.borderRadius = "sm";
  }
  render() {
    const n = a("inline-notification", `inline-notification--intent-${this.intent}`, `inline-notification--border-radius-${this.borderRadius}`);
    return i(t, { key: "7522a5ec01de5f9e5997779a363462657219788e" }, i("div", { key: "b40726eb643d036a4070c2988de0216287dd594a", "aria-describedby": "content", class: n, role: this.importance, tabIndex: 0 }, i("span", { key: "64b32ecd121b03eb7a616da32174a245382d67d4", "aria-hidden": "true", class: "inline-notification__icon" }, this.intent === "critical" && i("swirl-icon-error", { key: "89f26557c916e369bba31fcefbb1b9aea7d96950", size: 20 }), this.intent === "success" && i("swirl-icon-check-circle", { key: "8150393c11c44fdefe413180935d11b8af2afc08", size: 20 }), this.intent === "warning" && i("swirl-icon-warning", { key: "e594a1b00601fd1a4a6e21653408d700ea8888a1", size: 20 }), this.intent === "info" && i("swirl-icon-info", { key: "d3c927e5fd326f059621dad08bc44e71573bc66c", size: 20 })), i("span", { key: "babd72af2b59c3e867d45f0b2623f1d7a9a60b3e", class: "inline-notification__content", id: "content" }, this.hideHeading && i("swirl-visually-hidden", { key: "1beb22d318c29342bb243c1aba3e716207760d67" }, this.heading) || i("swirl-text", { key: "8bfbec0608132ed521e1068360058acf62f2e538", class: "inline-notification__heading", size: "sm", weight: "semibold" }, this.heading), i("slot", { key: "9940542a9a3ed2abfda9bac1d590ae97393bf0ce" }))));
  }
};
s.style = o();
export {
  s as swirl_inline_notification
};
