// #region Imports
import { html } from '../../../../Dom/Html';
import { when } from '../../../Directives/Directives';
import { Orientation } from '../../../Types/Orientation';
import { TextAlignment } from '../../../Types/TextAlignment';
import { VerticalAlignment } from '../../../Types/VerticalAlignment';
// #endregion
/**
 * The template of the {@link ChatMessageDividerElement}.
 *
 * @public
 */
export function chatMessageDividerElementTemplate(e) {
    return html `
        ${when(e.isSticky, () => html `
        <mosaik-sticky>
            <mosaik-stack .dir="${e.dir}"
                        .orientation="${Orientation.Horizontal}"
                        .verticalAlignment="${VerticalAlignment.Center}"
                        .gap="${'16px'}">
                <mosaik-divider part="divider"
                                .dir="${e.dir}"
                                .orientation="${Orientation.Horizontal}"
                                .thickness="${e.thickness}"></mosaik-divider>
                <slot>
                    <mosaik-text part="text"
                                .dir="${e.dir}"
                                .text="${e.text}"
                                .alignment="${TextAlignment.Center}"
                                .truncate="${true}"></mosaik-text>
                </slot>
                <mosaik-divider part="divider"
                                .dir="${e.dir}"
                                .orientation="${Orientation.Horizontal}"
                                .thickness="${e.thickness}"></mosaik-divider>
            </mosaik-stack>
        </mosaik-sticky>
        `, () => html `
            <mosaik-stack .dir="${e.dir}"
                          .orientation="${Orientation.Horizontal}"
                          .verticalAlignment="${VerticalAlignment.Center}"
                          .gap="${'16px'}">
                <mosaik-divider part="divider"
                                .dir="${e.dir}"
                                .orientation="${Orientation.Horizontal}"
                                .thickness="${e.thickness}"></mosaik-divider>
                <slot>
                    <mosaik-text part="text"
                                 .dir="${e.dir}"
                                 .text="${e.text}"
                                 .alignment="${TextAlignment.Center}"
                                 .truncate="${true}"></mosaik-text>
                </slot>
                <mosaik-divider part="divider"
                                .dir="${e.dir}"
                                .orientation="${Orientation.Horizontal}"
                                .thickness="${e.thickness}"></mosaik-divider>
            </mosaik-stack>
        `)}
    `;
}
//# sourceMappingURL=ChatMessageDividerElementTemplate.js.map