export class EdelQuickNavigatorHead {
    constructor() {
        this.enableBackIcon = false;
        this.title = '';
    }
    hostData() {
        return {
            class: 'quicknavigator-head'
        };
    }
    render() {
        return (h("edel-toolbar", { "toolbar-settings-page": true }, this.enableBackIcon ?
            h("edel-button", { onEmit: () => this.back.emit(), icon: "arrow-left", plain: true }, this.title) :
            h("edel-button", { plain: true }, this.title)));
    }
    static get is() { return "edel-quick-navigator-head"; }
    static get properties() { return {
        "enableBackIcon": {
            "type": Boolean,
            "attr": "enable-back-icon"
        },
        "title": {
            "type": String,
            "attr": "title"
        }
    }; }
    static get events() { return [{
            "name": "back",
            "method": "back",
            "bubbles": true,
            "cancelable": true,
            "composed": true
        }]; }
}
