import { r as l, h as t, H as i, g as o } from "./index.e6beb8d9.js";
import { c } from "./index-orsBiyT_.fc4357c3.js";
import "react";
import "react-dom";
const r = () => ":host{display:block}:host *{box-sizing:border-box}.empty-state{display:flex;max-width:28rem;align-items:center;flex-direction:column;gap:var(--s-space-16)}.empty-state--has-controls .empty-state__controls{display:block}.empty-state--has-slotted-illustration .empty-state__slotted-illustration{display:block}.empty-state__illustration{max-width:16rem}.empty-state__body{display:flex;align-items:center;flex-direction:column;gap:var(--s-space-24)}.empty-state__controls{display:none}.empty-state__slotted-illustration{display:none;max-width:16rem}", n = class {
  constructor(e) {
    l(this, e), this.headingLevel = 4;
  }
  render() {
    const e = Boolean(this.el.querySelector('[slot="controls"]')), s = Boolean(this.el.querySelector('[slot="illustration"]')), a = c("empty-state", {
      "empty-state--has-controls": e,
      "empty-state--has-slotted-illustration": s
    });
    return t(i, { key: "84a514226e65320a9aac38997ef58a1ce8ac4578" }, t("div", { key: "0a07efdf1347d39ef764e8eb0494376109d5b163", class: a }, this.illustration && !s && t("img", { key: "1160bc0ee95238c50730bd89aa3a1a86f65afccb", alt: "", class: "empty-state__illustration", src: this.illustration }), t("div", { key: "582aaf0c7b836cc052b8e327e881bc35a5748b63", class: "empty-state__slotted-illustration" }, t("slot", { key: "982e1180871e557fc360feae88fdc9e1566ae10d", name: "illustration" })), t("div", { key: "490481a38252dfcf7b63ca5c2fd593cbd51f422b", class: "empty-state__body" }, t("swirl-stack", { key: "2b6289185108f6a247c4e67f517565cd3928861d", align: "stretch", spacing: "8" }, this.heading && t("swirl-heading", { key: "ea3f56f5bd950506de2189518025c4e6e2e0834a", align: "center", as: `h${this.headingLevel}`, level: 4, text: this.heading }), t("div", { key: "d425d641027947092445b41dac35e6a8a095d4fa", class: "empty-state__content" }, t("swirl-text", { key: "8a37e69ba83c836d79337887abcffba42f867344", align: "center", color: "subdued" }, t("slot", { key: "81859707c5ef23172ed2364209976269fe61ba0a" })))), t("div", { key: "e37c890ccc368d70e05c3b88eed07e7f8eef4c00", class: "empty-state__controls" }, t("slot", { key: "20dc9f76b8252d3d675029f0e3d7ed9d45ba92b6", name: "controls" })))));
  }
  get el() {
    return o(this);
  }
};
n.style = r();
export {
  n as swirl_empty_state
};
