import { r as l, h as t, H as i, g as o } from "./index.61732cef.js";
import { c } from "./index-orsBiyT_.fc4357c3.js";
import "react";
import "react-dom";
const d = () => ":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}", r = 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: "025de7bdee7bfffcb78cdf5272f18cb8c5068a28" }, t("div", { key: "d875f03f0264b7bb3f6977d0d3053f39b39bbc36", class: a }, this.illustration && !s && t("img", { key: "1e9e7ddb7be43b83eb70147fd5859de844dcafc0", alt: "", class: "empty-state__illustration", src: this.illustration }), t("div", { key: "92facff6d3ab0d296b92b6fe8f40433936258ffa", class: "empty-state__slotted-illustration" }, t("slot", { key: "96adfa585d97cf67259070667c72ea97e7f797dc", name: "illustration" })), t("div", { key: "00b0af1389703350d76e66fac4f4ad8d8c777b69", class: "empty-state__body" }, t("swirl-stack", { key: "58b5caabfb26884311e3f93a9b662842ebe9f624", align: "stretch", spacing: "8" }, this.heading && t("swirl-heading", { key: "a78c510956c15b6850bc16910b4ef241c6a192ab", align: "center", as: `h${this.headingLevel}`, level: 4, text: this.heading }), t("div", { key: "5df0dd933dd658900fb3955a376c4775d3e9cea7", class: "empty-state__content" }, t("swirl-text", { key: "bcc5adc643e33874c5c85226a2ffd8ddf64d16d7", align: "center", color: "subdued" }, t("slot", { key: "ec52e45fb5576af0bc94722ff8b85af9856dc5dd" })))), t("div", { key: "435544062ac84cf26fb0f8267ee5980fe2fb4211", class: "empty-state__controls" }, t("slot", { key: "f507a5a41e241eb0e968eb69dc817903ab0847e6", name: "controls" })))));
  }
  get el() {
    return o(this);
  }
};
r.style = d();
export {
  r as swirl_empty_state
};
