import { __decorate } from "tslib";
import { html } from 'lit';
import { customElement, property } from 'lit/decorators.js';
import { styles } from './nile-side-bar-footer-item.css';
import NileElement from '../internal/nile-element';
/**
 * Nile side-bar-footer-item component.
 *
 * @tag nile-side-bar-footer-item
 *
 * @slot icon - Slot for footer item icon
 * @slot text - Slot for footer item text
 * @slot action - Slot for footer item action
 *
 * @csspart base - Wrapper for the footer item
 * @csspart icon - Wrapper for the icon slot
 * @csspart text - Wrapper for the text slot
 * @csspart action - Wrapper for the action slot
 */
let NileSideBarFooterItem = class NileSideBarFooterItem extends NileElement {
    constructor() {
        super(...arguments);
        this.type = null;
    }
    static get styles() {
        return [styles];
    }
    handleClick() {
        this.dispatchEvent(new CustomEvent('nile-click', {
            detail: { type: this.type },
            bubbles: true,
            composed: true
        }));
    }
    render() {
        return html `
      <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>
    `;
    }
};
__decorate([
    property({ type: String, reflect: true })
], NileSideBarFooterItem.prototype, "type", void 0);
NileSideBarFooterItem = __decorate([
    customElement('nile-side-bar-footer-item')
], NileSideBarFooterItem);
export { NileSideBarFooterItem };
export default NileSideBarFooterItem;
//# sourceMappingURL=nile-side-bar-footer-item.js.map