/* eslint-disable lit/prefer-static-styles */
// #region Imports
import { html } from '../../../../Dom/Html';
import { Spacing } from '../../../Types/Spacing';
// #endregion
/**
 * The template of the `SpacerElement`.
 *
 * @public
 */
export function spacerElementTemplate(e) {
    return html `
        <style>
            :host {
                margin-top: ${e.tryGetThickness([Spacing.Top, Spacing.Vertical, Spacing.All]) ?? 0};
                margin-right: ${e.tryGetThickness([Spacing.Right, Spacing.Horizontal, Spacing.All]) ?? 0};
                margin-bottom: ${e.tryGetThickness([Spacing.Bottom, Spacing.Vertical, Spacing.All]) ?? 0};
                margin-left: ${e.tryGetThickness([Spacing.Left, Spacing.Horizontal, Spacing.All]) ?? 0};
            }
        </style>
        <slot></slot>
    `;
}
//# sourceMappingURL=SpacerElementTemplate.js.map