import { r as e, h as i, H as t } from "./index.61732cef.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: "6c377949621dc304a11a14bb7f0e9db54e246902" }, i("div", { key: "78a4b795fc57a40e7eb9c519c439d487e0a78ae5", "aria-describedby": "content", class: n, role: this.importance, tabIndex: 0 }, i("span", { key: "6bbc6b03ac452be9240736cc30825f35a7c6778b", "aria-hidden": "true", class: "inline-notification__icon" }, this.intent === "critical" && i("swirl-icon-error", { key: "c097b433ad5e20f0f414090e2eaaf2323f4819e6", size: 20 }), this.intent === "success" && i("swirl-icon-check-circle", { key: "8d0a92ec575a1452e9260b0a90145a0892452ff5", size: 20 }), this.intent === "warning" && i("swirl-icon-warning", { key: "64e20557d8b75c5d46341a2d2982bbbbe2e2c0b2", size: 20 }), this.intent === "info" && i("swirl-icon-info", { key: "669588377f3f01a002ff74aa88d9cb520a18d98b", size: 20 })), i("span", { key: "e62dfc990cb0d826a6286caa85393538d8205585", class: "inline-notification__content", id: "content" }, this.hideHeading && i("swirl-visually-hidden", { key: "191a6ed184f9fcd8f93fee3f9e643f49f973cad0" }, this.heading) || i("swirl-text", { key: "276d3a855f24ca6e80953d71510b79a74ba6079f", class: "inline-notification__heading", size: "sm", weight: "semibold" }, this.heading), i("slot", { key: "a33eb16969bb74c7b9811581b0332e26e0581aa5" }))));
  }
};
s.style = o();
export {
  s as swirl_inline_notification
};
