// #region Imports
import { html } from '../../../../Dom/Html';
import { when } from '../../../Directives/Directives';
import { Orientation } from '../../../Types/Orientation';
// #endregion
/**
 * The template of the `JumbotronElement`.
 *
 * @public
 */
export function jumbotronElementTemplate(e) {
    return html `
        <div part="header">
            <slot name="header">
                ${when(e.header.trim(), () => html `
                <mosaik-jumbotron-header .text="${e.header}"
                                         .alignment="${e.alignment}"
                                         .formatter="${e.formatter}"
                                         .lang="${e.lang}"
                                         .dir="${e.dir}"></mosaik-jumbotron-header>
                `)}
            </slot>
            <slot name="subHeader">
                ${when(e.subHeader.trim(), () => html `
                <mosaik-jumbotron-sub-header .text="${e.subHeader}"
                                             .alignment="${e.alignment}"
                                             .formatter="${e.formatter}"
                                             .lang="${e.lang}"
                                             .dir="${e.dir}"></mosaik-jumbotron-sub-header>
                `)}
            </slot>
        </div>
        ${when(e.hint.trim(), () => html `
        <mosaik-divider part="divider"
                        .orientation="${Orientation.Horizontal}"
                        .lang="${e.lang}"
                        .dir="${e.dir}"></mosaik-divider>
        `)}
        <slot name="hint">
            <mosaik-text part="hint"
                        .text="${e.hint}"
                        .alignment="${e.alignment}"
                        .formatter="${e.formatter}"
                        .wrap="${true}"
                        .lang="${e.lang}"
                        .dir="${e.dir}"></mosaik-text>
        </slot>
        <div part="actions">
            <slot name="actions"></slot>
        </div>
    `;
}
//# sourceMappingURL=JumbotronElementTemplate.js.map