/* eslint-disable lit/prefer-static-styles */
// #region Imports
import { Orientation } from '../../../Types/Orientation';
import { html } from '../../../../Dom/Html';
import { when } from '../../../Directives/Directives';
// #endregion
/**
 * @public
 */
export function dividerElementTemplate(e) {
    return html `
        ${when(e.thickness !== undefined, () => html `
        <style>
            :host {
                --divider-thickness: ${e.thickness}px;
            }
        </style>
        `)}
        <div part="root">
            <svg xmlns="http://www.w3.org/2000/svg">
                <line x1="0"
                      y1="0"
                      x2="${e.orientation === Orientation.Vertical ? '0' : '100%'}"
                      y2="${e.orientation === Orientation.Vertical ? '100%' : '0'}"/>
            </svg>
        </div>
    `;
}
//# sourceMappingURL=DividerElementTemplate.js.map