// #region Imports
import { html } from '../../../../Dom/Html';
import { Icons } from '../../../../Resources/Icons';
import { when } from '../../../Directives/Directives';
import { Size } from '../../../Types/Size';
// #endregion
/**
 * The template of the `BreadcrumbItemElement`.
 *
 * @public
 */
export function breadcrumbItemElementTemplate(e) {
    return html `
        ${when(!e.firstItem(), () => html `
        <mosaik-icon .data="${Icons.chevronRight}"
                     .size="${Size.Small}"
                     .inline="${true}"></mosaik-icon>
        `)}
        <slot></slot>
    `;
}
//# sourceMappingURL=BreadcrumbItemElementTemplate.js.map