export const tpl = (`
  {{ set length = tabs.length }}
  <div class="d-tab J-tab">
    <div class="d-tabs-default J-tabsDefault" data-length="{{ length }}">
      <div class="d-tabs-wrap J-tabsWrap">
        <ul class="d-tabs-scroll J-tabsScroll">
          {{ each tabs value index }}
            <li class="d-item J-item{{ if index == selectedIndex }} d-active{{ /if }}" data-index="{{ index }}" data-title="{{ value.title }}">{{ value.title }}</li>
          {{ /each }}
        </ul>
      </div>
      {{ if size != 0 && size < length }}
        <div class="d-switch J-switch"></div>
      {{ /if }}
    </div>
    <ul class="d-tabs-container J-tabsContainer" data-length="{{ length }}">
      {{ each tabs value index }}
        <li class="d-item J-item{{ if index == selectedIndex }} d-active{{ /if }}" data-index="{{ index }}" data-title="{{ value.title }}">{{ value.title }}</li>
      {{ /each }}
    </ul>
    <div class="d-tab-content">
      {{ each tabs value index }}
        <div class="d-tab-pane d-fade J-tabPane{{ if index == selectedIndex }} d-active d-show{{ /if }}" data-index="{{ index }}" data-rendered="false"></div>
      {{ /each }}
    <div/>
  </div>
`);