import { r as t, h as e, H as a, g as r } from "./index.61732cef.js";
import "react";
import "react-dom";
const o = () => ":host{display:block;width:100%}:host *{box-sizing:border-box}.resource-list-section-label{display:flex;padding:var(--s-space-8);color:var(--s-text-subdued);font-weight:var(--s-font-weight-medium);font-size:var(--s-font-size-base);line-height:var(--s-line-height-lg)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.resource-list-section-label{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}", l = class {
  constructor(s) {
    t(this, s), this.separatorSpacing = "4", this.spacing = "0", this.hasSeparator = !1;
  }
  render() {
    const s = this.el.closest('[role="grid"]') ? "rowgroup" : "listitem", i = s === "listitem" ? "list" : void 0;
    return e(a, { key: "7dbdb537a6f9c72d7f952b0a939c91a60b9fabd0" }, this.hasSeparator && e("swirl-separator", { key: "6a284adff8beee7b1ccd81e345bc44ab882c8aab", spacing: this.separatorSpacing, semantics: "none" }), e("div", { key: "34d23ecfd3709f5d4fa425389778bf6378e80a8b", "aria-labelledby": "label", role: s }, e("span", { key: "8f275f61d94a8120d4f2fcb4afedbe87e49f9d45", id: "label", class: "resource-list-section-label", part: "resource-list-section-label" }, this.label), e("swirl-stack", { key: "9ca25e206aed7140c6b325211fc28a293392ff05", spacing: this.spacing, swirlAriaRole: i }, e("slot", { key: "18418cae3005c03aa50ac5bfbf093cd6e1d17f3d" }))));
  }
  get el() {
    return r(this);
  }
};
l.style = o();
export {
  l as swirl_resource_list_section
};
