// #region Imports
import { html } from '../../../Dom/Html';
import { when } from '../../Directives/Directives';
// #endregion
/**
 * The template of the {@link CellElement}.
 *
 * @public
 */
export function cellElementTemplate(e) {
    return html `
        <div part="root">
            <slot name="start"></slot>
            <div part="text">
                <slot name="label">
                    ${when(e.label, () => html `
                    <mosaik-text part="label"
                                 .text="${e.label}"
                                 ?disabled="${e.disabled}"></mosaik-text>
                    `)}
                </slot>
                <slot name="subLabel">
                    ${when(e.subLabel, () => html `
                    <mosaik-text part="subLabel"
                                 .text="${e.subLabel}"
                                 .readonly="${true}"
                                 ?disabled="${e.disabled}"></mosaik-text>
                    `)}
                </slot>
            </div>
            <slot name="end"></slot>
        </div>
    `;
}
//# sourceMappingURL=CellElementTemplate.js.map