import{__decorate as t}from"tslib";import{html as s}from"lit";import{property as o,customElement as r}from"lit/decorators.js";import{s as e}from"./nile-toolbar.css.esm.js";import{N as i}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 i{constructor(){super(...arguments),this.color="",this.background=""}static get styles(){return[e]}render(){return s`
		<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>
	  `}};t([o({reflect:!0})],l.prototype,"color",void 0),t([o({reflect:!0})],l.prototype,"background",void 0),l=t([r("nile-toolbar")],l);export{l as N};
