// #region Imports
import { html } from '../../../../Dom/Html';
import { when } from '../../../Directives/Directives';
import { ifNonEmpty } from '../../../Directives/IfNonEmpty';
// #endregion
/**
 * The template of the `BreadcrumbItemElement`.
 *
 * @public
 */
export function breadcrumbItemElementTemplate(e) {
    return html `
        <a part="link"
           href="${ifNonEmpty(e.href)}"
           rel="${ifNonEmpty(e.rel)}"
           target="${ifNonEmpty(e.target)}"
           download="${ifNonEmpty(e.download)}"
           class="${e.underline}">
            <slot name="label">
                ${when(e.label, () => html `
                <mosaik-text part="label"
                             .lang="${e.lang}"
                             .dir="${e.dir}"
                             .text="${e.label}"
                             .variant="${e.variant}"
                             ?disabled="${e.disabled}"></mosaik-text>
                `)}
            </slot>
        </a>
    `;
}
//# sourceMappingURL=BreadcrumbItemElementTemplate.js.map