/* 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) => html`<div id="${ifDefined(context._id)}" class="${ifDefined(context.stripClasses)}" tabindex="${ifDefined(context._tabIndex)}" role="tab" aria-posinset="${ifDefined(context._posinset)}" aria-setsize="${ifDefined(context._setsize)}" aria-controls="ui5-tc-content" aria-selected="${ifDefined(context.effectiveSelected)}" aria-disabled="${ifDefined(context.effectiveDisabled)}" ?disabled="${context.effectiveDisabled}" aria-labelledby="${ifDefined(context.ariaLabelledBy)}" data-ui5-stable="${ifDefined(context.stableDomRef)}" ._realTab="${ifDefined(context)}">${ context.icon ? block1(context, tags, suffix) : undefined }<div class="ui5-tab-strip-itemContent">${ !context._isInline ? block2(context, tags, suffix) : undefined }${ context.text ? block4(context, tags, suffix) : undefined }</div>${ context.requiresExpandButton ? block6(context, tags, suffix) : undefined } `;
const block1 = (context, tags, suffix) => suffix ? html`<div class="ui5-tab-strip-item-icon-outer"><${scopeTag("ui5-icon", tags, suffix)} name="${ifDefined(context.icon)}" class="ui5-tab-strip-item-icon"></${scopeTag("ui5-icon", tags, suffix)}></div>` : html`<div class="ui5-tab-strip-item-icon-outer"><ui5-icon name="${ifDefined(context.icon)}" class="ui5-tab-strip-item-icon"></ui5-icon></div>`;
const block2 = (context, tags, suffix) => html`${ context.additionalText ? block3(context, tags, suffix) : undefined }`;
const block3 = (context, tags, suffix) => html`<span class="ui5-tab-strip-itemAdditionalText" id="${ifDefined(context._id)}-additionalText">${ifDefined(context.additionalText)}</span>`;
const block4 = (context, tags, suffix) => html`<span class="ui5-tab-strip-itemText" id="${ifDefined(context._id)}-text"><span class="${ifDefined(context.headerSemanticIconClasses)}"></span>${ifDefined(context.displayText)}${ context.isSingleClickArea ? block5(context, tags, suffix) : undefined }</span>`;
const block5 = (context, tags, suffix) => suffix ? html`<span class="ui5-tab-single-click-icon"><${scopeTag("ui5-icon", tags, suffix)} name="slim-arrow-down"></${scopeTag("ui5-icon", tags, suffix)}></span>` : html`<span class="ui5-tab-single-click-icon"><ui5-icon name="slim-arrow-down"></ui5-icon></span>`;
const block6 = (context, tags, suffix) => suffix ? html`<div class="ui5-tab-expand-button" @click="${context._onTabExpandButtonClick}"><${scopeTag("ui5-button", tags, suffix)} .tab=${ifDefined(context)} icon="slim-arrow-down" design="Transparent" tabindex="-1" aria-haspopup="true"></${scopeTag("ui5-button", tags, suffix)}></div>` : html`<div class="ui5-tab-expand-button" @click="${context._onTabExpandButtonClick}"><ui5-button .tab=${ifDefined(context)} icon="slim-arrow-down" design="Transparent" tabindex="-1" aria-haspopup="true"></ui5-button></div>`;


export default block0;