<import-sjs
  name="utils"
  from="./index.sjs"
/>
<wrapper>
  <view class="hospital-services-component {{utils.getModelClass(componentData)}}">
    <button-auth
      item="{{ item }}"
      formClass="service-item"
      class="service-item-content"
      a:for="{{ utils.getList(componentData) }}"
      style="{{ utils.getItemStyle(item, imgSrcPrefix)}}"
    >
      <view class="icon-container">
        <image
          class="icon-image"
          src="{{ utils.getImage(item.icon, imgSrcPrefix) }}"
        />
      </view>
      <view class="left-content">
        <view class="title">
          <text number-of-lines="1">
            {{ item.name }}
          </text>
        </view>
        <view class="desc" a:if="{{ item.serviceDesc }}">
          <text number-of-lines="1">
            {{ item.serviceDesc }}
          </text>
        </view>
      </view>
      <view class="right-content">
        <button class="action-button">
          {{ item.actionText || '去预约' }}
        </button>
      </view>
    </button-auth>
  </view>
</wrapper>
