<wxs
  src="./index.wxs"
  module="utils"
></wxs>
<view
  class="ant-steps ant-steps-{{direction}} {{className || ''}}"
  style="{{style}}"
>
  <block
    wx:for="{{items}}"
    wx:for-index="index"
    wx:for-item="item"
    wx:key="title"
  >
    <view class="ant-steps-item ant-steps-item-{{direction}} {{index < current ? 'ant-steps-item-finish' : ''}} {{index === current ? 'ant-steps-item-active' : ''}} {{index > current || status === 'error' && index === current ? 'ant-steps-item-non-active' : ''}}">
      <view class="ant-steps-item-indicator ant-steps-item-indicator-{{direction}}">
        <view class="ant-steps-item-indicator-icon ant-steps-item-{{utils.getClassName(current, index, status)}}-icon">
          <view class="ant-steps-item-{{utils.getClassName(current, index, status)}}-icon-default"></view>
        </view>
      </view>
      <view class="ant-steps-item-text">
        <view class="ant-steps-item-title ant-steps-item-title-{{utils.getClassName(current, index, status)}}">{{item.title}}</view>
        <view class="ant-steps-item-desc">{{item.description}}</view>
      </view>
    </view>
  </block>
</view>