// #region Imports
import { html } from '../../../../Dom/Html';
import { flex } from '../../../Directives/Flex/FlexDirective';
import { Orientation } from '../../../Types/Orientation';
// #endregion
/**
 * The template of the `ChoiceGroupElement`.
 *
 * @public
 */
export function choiceGroupElementTemplate(e) {
    return html `
        <slot name="header"></slot>
        <div part="root" ${flex({ direction: e.orientation === Orientation.Vertical ? 'column' : 'row' })}>
            <slot></slot>
        </div>
        <slot name="error"></slot>
    `;
}
//# sourceMappingURL=ChoiceGroupElementTemplate.js.map