// #region Imports
import { html } from '../../../../Dom/Html';
import { flex } from '../../../Directives/Flex/FlexDirective';
// #endregion
/**
 * The template of the {@link SummaryElement}.
 *
 * @public
 */
export function summaryElementTemplate(e) {
    return html `
        <fieldset part="fieldset"
                  ${flex({ direction: 'column' })}>
            <legend part="header">${e.header}</legend>
            <div ${flex({
        direction: 'column',
        gap: '4px'
    })}>
                <slot name="suffix"></slot>
                <slot name="text">
                    <mosaik-text part="content"
                                 .text="${e.content}"
                                 .truncate="${true}"></mosaik-text>
                </slot>
                <slot name="prefix"></slot>
            </div>
            <slot></slot>
        </fieldset>
    `;
}
//# sourceMappingURL=SummaryElementTemplate.js.map