// #region Imports
import { html } from '../../../../Dom/Html';
import { when } from '../../../Directives/Directives';
// #endregion
/**
 * The template of the `FooterItemGroupElement`.
 *
 * @public
 */
export function footerItemGroupElementTemplate(e) {
    return html `
        <div>
            ${when(e.header.trim(), () => html `
            <div class="footer-top-title">${e.header.trim()}</div>
            `)}
            <div role="list"
                 class="${e.parentElement?.slot !== 'top' ? e.parentElement?.slot === 'end' ? 'end' : 'start' : ''}
                 ${e.parentElement?.slot === 'top' ? 'top-part-child' : ''}
                 ${e.open ? 'expanded' : 'closed'}">
                 <slot></slot>
            </div>
        </div>
    `;
}
//# sourceMappingURL=FooterItemGroupElementTemplate.js.map