import { r as t, h as e, H as a, g as r } from "./index.e6beb8d9.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: "0d53b68ffd5208e4753aecf1bf5b2dccc53299a8" }, this.hasSeparator && e("swirl-separator", { key: "4bbc0ffc68ac73e4874ef01bf548957335ac026b", spacing: this.separatorSpacing, semantics: "none" }), e("div", { key: "457ddf2863d6ac76a9f97f7442cc0adba28f578a", "aria-labelledby": "label", role: s }, e("span", { key: "17ad7c34c970e649dc792478c3beb0a429514e29", id: "label", class: "resource-list-section-label", part: "resource-list-section-label" }, this.label), e("swirl-stack", { key: "6f42d8fbd74324ed44cfe90523f9467e2733c991", spacing: this.spacing, swirlAriaRole: i }, e("slot", { key: "832574ed09d28214275d2b9797b7eb71f3cb10db" }))));
  }
  get el() {
    return r(this);
  }
};
l.style = o();
export {
  l as swirl_resource_list_section
};
