// #region Imports
import { html } from '../../../../Dom/Html';
import { styleMap, when } from '../../../Directives/Directives';
// #endregion
/**
 * The template of the {@link SheetElement}.
 *
 * @public
 */
export function sheetElementTemplate(e) {
    return html `
        ${when(e.hasBackdrop, () => html `
        <mosaik-backdrop part="backdrop"
                         ?hidden="${!e.isOpen}"
                         @click="${() => e.onBackdrop()}"></mosaik-backdrop>
        `)}

        <div part="root"
             class="available"
             style="${styleMap({ maxHeight: e.height })}">
            <div part="heading">
                <div part="thumb"></div>
                <slot name="header"></slot>
            </div>
            <slot name="content"></slot>
            <slot name="footer"></slot>
        </div>
    `;
}
//# sourceMappingURL=SheetElementTemplate.js.map