// #region Imports
import { html } from '../../../../Dom/Html';
import { when } from '../../../Directives/Directives';
// #endregion
/**
 * The template of the {@link TitleBarElement}.
 *
 * @public
 */
export function titleBarElementTemplate(e) {
    return html `
        <div part="root">
            <slot name="icon">
                ${when(e.icon, () => html `
                <mosaik-icon .data="${e.icon}"></mosaik-icon>
                `)}
            </slot>
            <div part="title">
                <slot name="title">
                    ${when(e.title, () => html `
                    <mosaik-text .text="${e.title}"
                                 .formatter="${e.formatter}"
                                 .truncate="${true}"></mosaik-text>
                    `)}
                </slot>
            </div>
            <div part="action">
                <mosaik-button .icon="${''}"></mosaik-button>
                <mosaik-button .icon="${''}"></mosaik-button>
                <mosaik-button .icon="${''}"></mosaik-button>
            </div>
        </div>
    `;
}
//# sourceMappingURL=TitleBarElementTemplate.js.map