// #region Imports
import { html } from '../../../../Dom/Html';
import { TextOverflow } from '../../../Types/TextOverflow';
// #endregion
/**
 * The template of the `MenuItemGroupElement`.
 *
 * @public
 */
export function menuItemGroupElementTemplate(e) {
    return html `
        <slot name="header">
            <mosaik-text part="header"
                         .text="${e.header}"
                         ?truncate="${e.textOverflow === TextOverflow.Truncate}"
                         ?wrap="${e.textOverflow === TextOverflow.Wrap}"
                         .dir="${e.dir}"
                         .lang="${e.lang}"></mosaik-text>
        </slot>
        <mosaik-stack part="items"
                      .orientation="${e.orientation}"
                      .dir="${e.dir}"
                      .lang="${e.lang}">
            <slot></slot>
        </mosaik-stack>
    `;
}
//# sourceMappingURL=MenuItemGroupElementTemplate.js.map