import { r as i, h as a, H as e } from "./index.61732cef.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) {
    i(this, s), this.separatorSpacing = "4", this.spacing = "0", this.hasSeparator = !1;
  }
  render() {
    return a(e, { key: "7a63a8a0b9832c08eadcb85533b3ec9e1e03437e" }, this.hasSeparator && a("swirl-separator", { key: "aaa33960c8a3db74b8b5df83ae3d725c603e0535", spacing: this.separatorSpacing }), a("div", { key: "3baa8270c6c9dc3de037657506c42ecdc5d4f060", "aria-labelledby": "label", class: "action-list-section", role: "group" }, a("span", { key: "6187f12fa3081721f2d25e360076a27649cda8bd", class: "action-list-section__label", id: "label", part: "action-list-section__label" }, this.label), a("swirl-stack", { key: "4f3fbff155ad75167bcd5469a2df41e7679c5dd3", spacing: this.spacing, align: "stretch" }, a("slot", { key: "f610b47db6a58184d18c950c975666abe890ba3b" }))));
  }
};
c.style = t();
export {
  c as swirl_action_list_section
};
