// #region Imports
import { html } from '../../../../Dom/Html';
import { HorizontalAlignment } from '../../../Types/HorizontalAlignment';
import { Orientation } from '../../../Types/Orientation';
import { VerticalAlignment } from '../../../Types/VerticalAlignment';
// #endregion
/**
 * The template of the {@link CardActionsElement}.
 *
 * @public
 */
export function cardActionsElementTemplate(e) {
    return html `
        <mosaik-stack .orientation="${Orientation.Horizontal}"
                      .verticalAlignment="${VerticalAlignment.Center}"
                      .dir="${e.dir}"
                      .lang="${e.lang}"
                      ?hidden="${!e.hasSlotContent('prefix')}">
            <slot name="prefix"></slot>
        </mosaik-stack>
        <mosaik-stack style="flex: 1;"
                      .orientation="${Orientation.Horizontal}"
                      .verticalAlignment="${VerticalAlignment.Center}"
                      .horizontalAlignment="${HorizontalAlignment.Right}"
                      .dir="${e.dir}"
                      .lang="${e.lang}"
                      ?hidden="${!e.hasSlotContent('')}">
            <slot></slot>
        </mosaik-stack>
        <mosaik-stack .orientation="${Orientation.Horizontal}"
                      .verticalAlignment="${VerticalAlignment.Center}"
                      .dir="${e.dir}"
                      .lang="${e.lang}"
                      ?hidden="${!e.hasSlotContent('suffix')}">
            <slot name="suffix"></slot>
        </mosaik-stack>
    `;
}
//# sourceMappingURL=CardActionsElementTemplate.js.map