/**
 * Copyright Aquera Inc 2023
 *
 * This source code is licensed under the BSD-3-Clause license found in the
 * LICENSE file in the root directory of this source tree.
 */
import { __decorate } from "tslib";
import { html } from 'lit';
import { customElement, property } from 'lit/decorators.js';
import { styles } from './nile-toolbar.css';
import NileElement from '../internal/nile-element';
/**
 * Nile toolbar component.
 *
 * @tag nile-toolbar
 *
 */
let NileToolbar = class NileToolbar extends NileElement {
    constructor() {
        super(...arguments);
        this.color = '';
        this.background = '';
        /* #endregion */
    }
    /**
     * The styles for nile-toolbar
     * @remarks If you are extending this class you can extend the base styles with super. Eg `return [super(), myCustomStyles]`
     */
    static get styles() {
        return [styles];
    }
    /* #endregion */
    /* #region Methods */
    /**
     * Render method
     * @slot This is a slot test
     */
    render() {
        return html `
		<div class="toolbar" part="nile-toolbar" style="${this.color ? 'color:' + this.color + ';' : ''} ${this.background ? 'background:' + this.background + ';' : ''}">
		  <slot name="start"></slot>
		  <div class="toolbar-content" part="toolbar-mid">
			<slot></slot>
		  </div>
		  <slot name="end"></slot>
		</div>
	  `;
    }
};
__decorate([
    property({ reflect: true })
], NileToolbar.prototype, "color", void 0);
__decorate([
    property({ reflect: true })
], NileToolbar.prototype, "background", void 0);
NileToolbar = __decorate([
    customElement('nile-toolbar')
], NileToolbar);
export { NileToolbar };
export default NileToolbar;
//# sourceMappingURL=nile-toolbar.js.map