import { r as i, h as e, H as a } from "./index.61732cef.js";
import "react";
import "react-dom";
const t = () => ":host{display:block;width:100%}:host *{box-sizing:border-box}.option-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){.option-list-section__label{padding:var(--s-space-8) var(--s-space-12);font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}", o = class {
  constructor(s) {
    i(this, s), this.separatorSpacing = "4", this.spacing = "0", this.hasSeparator = !1;
  }
  render() {
    return e(a, { key: "daab6e89fa1e4786f9684ed89d7bccda257ca8b1" }, this.hasSeparator && e("swirl-separator", { key: "1e7d36392d29022128039fb8b6f4dd813eaf25ab", spacing: this.separatorSpacing }), e("div", { key: "7a001da33c0d375645dd563e2bed77e2121f1d7b", "aria-labelledby": "label", class: "option-list-section", role: "group" }, e("span", { key: "1b34b6d90cedeabe30e4090f51dfd8546e5c6aec", class: "option-list-section__label", id: "label", part: "option-list-section__label" }, this.label), e("swirl-stack", { key: "d828e370891fc9f6a043f5651af5984122dd4807", spacing: this.spacing, align: "stretch" }, e("slot", { key: "29d429f69cc56a649968d36e5645c31e68231cf6" }))));
  }
};
o.style = t();
export {
  o as swirl_option_list_section
};
