// #region Imports
import { html } from '../../../../Dom/Html';
import { style } from '../../../../Dom/Style';
// #endregion
/**
 * The template of the {@link MarqueeElement}.
 *
 * @public
 */
export function marqueeElementTemplate(e) {
    const inlineStyle = style `
        :host {
            --marquee-speed: ${e.speed};
        }
    `;
    return html `
        <style>
            ${inlineStyle}
        </style>
        <div part="track">
            <slot></slot>
        </div>
        <div part="overlay"></div>
    `;
}
//# sourceMappingURL=MarqueeElementTemplate.js.map