import{__decorate as s}from"tslib";import{html as e}from"lit";import{property as t,customElement as i}from"lit/decorators.js";import{s as r}from"./nile-inline-sidebar-group.css.esm.js";import{N as l}from"../internal/nile-element.esm.js";import"../internal/accessibility/a11y.state.enum.esm.js";import"../internal/accessibility/a11y.property.enum.esm.js";import"../internal/accessibility/role.enum.esm.js";let o=class extends l{constructor(){super(...arguments),this.label="",this.divider=!1}static get styles(){return[r]}render(){return e`
      <div class="group">
        ${this.label||this.hasLabelSlot()?e`
              <div class="group-label">
                <slot name="label">${this.label}</slot>
              </div>
            `:null}
        <div class="group-items">
          <slot></slot>
        </div>
      </div>
    `}hasLabelSlot(){const s=this.shadowRoot?.querySelector('slot[name="label"]');return!!s}};s([t({type:String})],o.prototype,"label",void 0),s([t({type:Boolean,reflect:!0})],o.prototype,"divider",void 0),o=s([i("nile-inline-sidebar-group")],o);export{o as N};
