// #region Imports
import { html } from '../../../../Dom/Html';
import { when } from '../../../Directives/Directives';
import { Orientation } from '../../../Types/Orientation';
// #endregion
/**
 * The template of the {@link JumbtronElement}.
 *
 * @public
 */
export function jumbtronElementTemplate(e) {
    return html `
        <div part="header">
            ${when(e.header.trim().length > 0, () => html `
            <mosaik-jumbtron-header .text="${e.header}"
                                    .alignment="${e.alignment}">
                <slot name="header">${e.header}</slot>
            </mosaik-jumbtron-header>
            `)}
            ${when(e.subHeader.trim().length > 0, () => html `
            <mosaik-jumbtron-sub-header .text="${e.subHeader}"
                                        .alignment="${e.alignment}">
                <slot name="subHeader">${e.subHeader}</slot>
            </mosaik-jumbtron-sub-header>
            `)}
        </div>
        ${when(e.hint.trim().length > 0, () => html `
        <mosaik-divider part="divider"
                        orientation="${Orientation.Horizontal}"></mosaik-divider>
        <mosaik-text part="hint"
                     .text="${e.hint}"
                     alignment="${e.alignment}"
                     ?wrap="${true}"></mosaik-text>
        <slot name="hint"></slot>
        `)}
    `;
}
//# sourceMappingURL=JumbtronElementTemplate.js.map