// #region Imports
import { html } from '../../../../Dom/Html';
import { when } from '../../../Directives/Directives';
// #endregion
/**
 * @public
 */
export function toolbarElementTemplate(e) {
    return html `
        <div part="root">
            <slot name="start"></slot>
            <div part="main">
                <slot></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="subTitle">
                    <slot name="subTitle">
                        ${when(e.subTitle, () => html `
                        <mosaik-text .text="${e.subTitle}"
                                     .formatter="${e.formatter}"
                                     .truncate="${true}"></mosaik-text>
                        `)}
                    </slot>
                </div>
            </div>
            <slot name="end"></slot>
        </div>
    `;
}
//# sourceMappingURL=ToolbarElementTemplate.js.map