// #region Imports
import { html } from '../../../../Dom/Html';
import { when } from '../../../Directives/Directives';
import { Size } from '../../../Types/Size';
// #endregion
/**
 * The template of the {@link BadgeElement}.
 *
 * @public
 */
export function badgeElementTemplate(e) {
    return html `
        <div part="root"
             role="presentation">
            <div part="container"
                 role="presentation">
                ${when(e.icon.trim(), () => html `
                <mosaik-icon part="icon"
                             .data="${e.icon}"
                             .size="${Size.Small}"
                             ?inline="${true}"></mosaik-icon>
                `)}
                ${when(e.label.trim(), () => html `
                <mosaik-text part="label"
                             .text="${e.label}"></mosaik-text>
                `)}
            </div>
        </div>
    `;
}
//# sourceMappingURL=BadgeElementTemplate.js.map