<import-sjs name="utils" from="./index.sjs"/>
<wrapper>
  <view class="{{ utils.getAllPageClass(componentData) }} tab-services">
    <adc-tab
      className="activeTab"
      tabsName="activeTab"
      showPlus="{{ false }}"
      onTabClick="handleTabClick"
      tabBarUnderlineWidth="20px"
      tabBarActiveTextColor="#333"
      activeTab="{{ activeTab }}"
      tabBarUnderlineColor="#1677FF"
      tabBarBackgroundColor="#fff"
      tabs="{{tabs}}"
    />
    </adc-tab>

    <view
      a:for="{{tabs}}"
      key="{{index}}"
      a:if="{{ activeTab === index }}">
      <view class="tab-content">
        <view class="tab-services-wrap">
          <button-auth
            a:for="{{ item.itemList }}"
            a:for-item="button"
            a:for-index="idx"
            key="{{idx}}"
            item="{{ button }}"
            formClass="tab-service-form"
            class="tab-services-item"
          >
            <view class="icon-container">
              <image
                class="icon"
                src="{{ button.icon }}"
              />
            </view>
            <view class="title">
              <text number-of-lines="1">
                {{ button.itemName }}
              </text>
            </view>
          </button-auth>
        </view>
        <patient-item a:if="{{item.id === 3}}" />
      </view>
    </view>
  </view>
</wrapper>
