import { r as a, h as e, H as i } from "./index.e6beb8d9.js";
import "react";
import "react-dom";
const t = () => ":host{display:block;width:100%}:host *{box-sizing:border-box}.action-list-section__label{display:block;width:100%;padding:var(--s-space-8) var(--s-space-16);color:var(--s-text-subdued);font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-base);text-align:left}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.action-list-section__label{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm);padding:var(--s-space-8) var(--s-space-12)}}", c = class {
  constructor(s) {
    a(this, s), this.separatorSpacing = "4", this.spacing = "0", this.hasSeparator = !1;
  }
  render() {
    return e(i, { key: "acb3259a63a1da2df94107a9298027d022af7d5f" }, this.hasSeparator && e("swirl-separator", { key: "51bc058c31ad16d4ef91d7e88de412de5b952900", spacing: this.separatorSpacing }), e("div", { key: "0d339786efb8e590182329e11542d31cd6e8fd9c", "aria-labelledby": "label", class: "action-list-section", role: "group" }, e("span", { key: "e07a0763d66622d2554259e30a3e66c256e0df09", class: "action-list-section__label", id: "label", part: "action-list-section__label" }, this.label), e("swirl-stack", { key: "cbc713d8365ec0fa7e8261ec513ed684eb896707", spacing: this.spacing, align: "stretch" }, e("slot", { key: "48cbcfa966e92ced923fbc0d43bd9f0ee4c2e56f" }))));
  }
};
c.style = t();
export {
  c as swirl_action_list_section
};
