import{__decorate as t}from"tslib";import{html as e}from"lit";import{property as s,customElement as i}from"lit/decorators.js";import{s as r}from"./nile-side-bar-footer-item.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.type=null}static get styles(){return[r]}handleClick(){this.dispatchEvent(new CustomEvent("nile-click",{detail:{type:this.type},bubbles:!0,composed:!0}))}render(){return e`
      <div part="base" class="footer-item" @click=${this.handleClick}>
        <slot name="icon" part="icon"></slot>
        <slot name="text" part="text"></slot>
        <slot name="action" part="action"></slot>
      </div>
    `}};t([s({type:String,reflect:!0})],l.prototype,"type",void 0),l=t([i("nile-side-bar-footer-item")],l);export{l as N};
