// #region Imports
import { html } from '../../../../Dom/Html';
import { when } from '../../../Directives/Directives';
import { Appearance } from '../../../Types/Appearance';
// #endregion
/**
 * The template of the {@link RibbonElement}.
 *
 * @public
 */
export function ribbonElementTemplate(e) {
    return html `
        <div part="root">
            ${when(e.icon, () => html `
            <mosaik-icon .appearance="${Appearance.Plain}"
                         .variant="${e.variant}"
                         .data="${e.icon}"
                         .size="${e.iconSize ?? e.size}"
                         ?inline="${true}"
                         ?disabled="${e.disabled}"></mosaik-icon>
            `)}
            ${when(e.label.trim(), () => html `
            <mosaik-text part="text"
                         .text="${e.label.trim()}"></mosaik-text>
            `)}
        </div>
    `;
}
//# sourceMappingURL=RibbonElementTemplate.js.map