import{__decorate as e}from"tslib";import{html as t}from"lit";import{property as s,customElement as i}from"lit/decorators.js";import{s as r}from"./nile-side-bar-group.css.esm.js";import{N as o}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 l=class extends o{constructor(){super(...arguments),this.label="",this.footer=!1,this.divider=!1}static get styles(){return[r]}render(){return t`
      <section
        part="base"
        class="side-bar-group" 
        role="list"
        aria-label=${this.label||"Sidebar group"}
        ?data-footer=${this.footer}
      >
        ${this.label?t`<div part="label" class="group-label">${this.label}</div>`:null}
        <slot></slot>
      </section>
    `}};e([s({type:String})],l.prototype,"label",void 0),e([s({type:Boolean,reflect:!0})],l.prototype,"footer",void 0),e([s({type:Boolean,reflect:!0})],l.prototype,"divider",void 0),l=e([i("nile-side-bar-group")],l);export{l as N};
