<import-sjs from="./index.sjs" name="page" />
<import-sjs from="./../../utils/render.sjs" name="utils"/>
<wrapper>
  <view
    class="cert-list-component"
    a:if="{{ !!serviceList.length && !loading }}"
  >
    <service-title
      className="cert-list-title"
      imgSrcPrefix="{{ imgSrcPrefix }}"
      componentData="{{ componentData }}"
    />
    <view class="cert-list-content">
      <scroll-view scroll-x="{{ true }}" class="cert-cards-scroll">
        <view class="cert-cards" style="{{ page.getCardStyle(serviceList) }}">
          <card-item
            item="{{ item }}"
            a:for-item="item"
            count="{{ serviceList.length }}"
            a:for="{{ utils.getCardList(serviceList, certMap) }}"
          />
        </view>
      </scroll-view>
    </view>
  </view>
</wrapper>
