/* eslint no-unused-vars: 0 */
import { html, svg, repeat, classMap, styleMap, ifDefined, unsafeHTML, scopeTag } from "@gsmlg/ui5-webcomponents-base/dist/renderer/LitRenderer.js";

const block0 = (context, tags, suffix) => suffix ? html`<${scopeTag("ui5-responsive-popover", tags, suffix)} class="ui5-breadcrumbs-popover" hide-arrow content-only-on-desktop placement-type="Bottom" horizontal-align="Left" _hide-header @keydown="${context._onkeydown}"><${scopeTag("ui5-list", tags, suffix)} mode="SingleSelect" separators="None" @ui5-selection-change="${ifDefined(context._onOverflowListItemSelect)}">${ repeat(context._overflowItemsData, (item, index) => item._id || index, (item, index) => block1(item, index, context, tags, suffix)) }</${scopeTag("ui5-list", tags, suffix)}><div slot="footer" class="ui5-breadcrumbs-popover-footer"><${scopeTag("ui5-button", tags, suffix)} design="Transparent" @click="${context._closeRespPopover}">${ifDefined(context._cancelButtonText)}</${scopeTag("ui5-button", tags, suffix)}></div></${scopeTag("ui5-responsive-popover", tags, suffix)}>` : html`<ui5-responsive-popover class="ui5-breadcrumbs-popover" hide-arrow content-only-on-desktop placement-type="Bottom" horizontal-align="Left" _hide-header @keydown="${context._onkeydown}"><ui5-list mode="SingleSelect" separators="None" @ui5-selection-change="${ifDefined(context._onOverflowListItemSelect)}">${ repeat(context._overflowItemsData, (item, index) => item._id || index, (item, index) => block1(item, index, context, tags, suffix)) }</ui5-list><div slot="footer" class="ui5-breadcrumbs-popover-footer"><ui5-button design="Transparent" @click="${context._closeRespPopover}">${ifDefined(context._cancelButtonText)}</ui5-button></div></ui5-responsive-popover>`;
const block1 = (item, index, context, tags, suffix) => suffix ? html`<${scopeTag("ui5-li", tags, suffix)} id="${ifDefined(item._id)}-li" accessible-name="${ifDefined(item.accessibleName)}" data-ui5-stable="${ifDefined(item.stableDomRef)}">${ifDefined(item.textContent)}</${scopeTag("ui5-li", tags, suffix)}>` : html`<ui5-li id="${ifDefined(item._id)}-li" accessible-name="${ifDefined(item.accessibleName)}" data-ui5-stable="${ifDefined(item.stableDomRef)}">${ifDefined(item.textContent)}</ui5-li>`;


export default block0;