import { r as i, h as e, H as t } from "./index.e6beb8d9.js";
import "react";
import "react-dom";
const a = () => ":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(t, { key: "efd3c0d49b2329996b8a30fed6e8526622ea24aa" }, this.hasSeparator && e("swirl-separator", { key: "583411c38d3bc265cd18dfaadbea3577867c34ee", spacing: this.separatorSpacing }), e("div", { key: "fb5e564ed21375cb4d42643ef75340e69d39938b", "aria-labelledby": "label", class: "option-list-section", role: "group" }, e("span", { key: "5653a7681d4d5773bf330e7e94d8d685f2bdcc42", class: "option-list-section__label", id: "label", part: "option-list-section__label" }, this.label), e("swirl-stack", { key: "e82c32cb7b5dd2aa7ef0468b5ee101b42b791cbe", spacing: this.spacing, align: "stretch" }, e("slot", { key: "1283f2c3e364de99ea9a6e90d1e8fa012d50cb0c" }))));
  }
};
o.style = a();
export {
  o as swirl_option_list_section
};
