// #region Imports
import { html } from '../../../../Dom/Html';
import { when } from '../../../Directives/Directives';
// #endregion
/**
 * The template of the `ChatMessageReactionElement`.
 *
 * @public
 */
export function chatMessageReactionElementTemplate(e) {
    return html `
        <mosaik-button part="button"
                       .dir="${e.dir}"
                       .lang="${e.lang}"
                       .appearance="${'soft'}"
                       .disabled="${e.disabled}">
            <mosaik-emoji slot="icon"
                          part="emoji"
                          .emoji="${e.emoji}"
                          .size="${'tiny'}"></mosaik-emoji>
            ${when(e.count > 1, () => html `
            <mosaik-text slot="label"
                         part="count"
                         .text="${String(e.count)}"></mosaik-text>
            `)}
        </mosaik-button>
    `;
}
//# sourceMappingURL=ChatMessageReactionElementTemplate.js.map